2013-06-21 13 views
5

से y-axis टिक लेबल हटाएं मैं nvd3 में एक अलग बार चार्ट से वाई-अक्ष टिक लेबल को निकालने का प्रयास कर रहा हूं।nvd3: अलग-अलग बार चार्ट

मैंने पहले से ही एनवीडी 3 स्रोत में देखा है, लेकिन मुझे एक स्पष्ट कार्य नहीं मिल सकता है जिसे मैं बदल सकता हूं। क्या कोई मुझे समाधान के लिए इंगित कर सकता है?

अद्यतन: कोड

function Transform(value1, value2, chart_name,value3) { 
value3 = typeof value3 !== 'undefined' ? value3 : 'no_header'; 
var chart = nv.models.discreteBarChart() 
    .x(function (d) { 
    return d.label; 
}) 

    .y(function (d) { 
    return d.value; 
}) 

    .staggerLabels(true) 
    .tooltips(false) 
    .showValues(true); 

var a = []; 
var f = [{ 
    values: [] 
}]; 
d3.csv("../../csv/master.csv").get(function (error, rows) { 

if (error){ 
    console.log(error); 
    loadError("Uh Oh. This data set is missing... Try going <a href='/'>back to the start</a>"); 
    return; 
    } 

    for (var i = 0; i < rows.length; i++) { 
     a.push(rows[i]); 
    } 
    console.log(a[0].agency); 
    for (var key = 0; key < a.length; key++) { 
     var b = a[key]; 
     for (var c in b) { 
      if (c != "agency" && c != "division" && c != "pod") { 
       var d = b[c]; 
       a[key][c] = +d; 
      } 
     } 
     console.log(a[0].changes); 
     } 
    try { 
    var e = $.grep(a, function (v) { 
     return v.division == {{division|safe}}; 
     }); 
    var k = $.grep(e, function(v) { 
     return v.agency == {{agency|safe}}; 
     })[0]; 
    console.log(k.division); 
     } 
    catch (TypeError) { loadError("Uh Oh. We could not find this combination\ 
     of Agency & Division. Try going back to the <a href='/pitchview'>selection menu</a>"); 
    return; 
    } 
    if (k.agency){ 
    for (var g in k) { 
     if (g == value1 || g == value2 || g == value3) { 
      var h = { 
       "label": g, 
        "value": k[g] 
      }; 
      f[0].values.push(h); 
     } 
    } 


    d3.select('#' + chart_name + ' svg') 
     .datum(f) 
     .transition().duration(500) 
     .call(chart) 
    nv.utils.windowResize(chart.update); 
    return chart; 
    } else { 
    loadError("Uh Oh. We could not find this combination of Agency &\ 
     Division. Try going back to the <a href='/pitchview'>selection menu</a>");}}); 
} 
+0

आप 'chart.yAxis.ticks (0)' की तरह कुछ करने की कोशिश की रखेंगे? –

+0

हां ने टूलटिप्स विकल्प के बाद कोशिश की - लेकिन काम नहीं किया। क्या यह गलत स्थिति है? – jvdh

+0

यह कोड की एक अलग पंक्ति होगी, सेट करने का विकल्प नहीं। –

उत्तर

20

वहाँ nvd3 असतत बार-समारोह है कि (लेबल सहित) y अक्ष को हटा में एक चर है। इसे हटाने के लिए अपने कोड में इसका उपयोग करें:

.showYAxis(false) 

एक्स-अक्ष के लिए एक समान चर मौजूद है।

+0

यह स्वीकार्य उत्तर होना चाहिए था! उपर्युक्त एक हैक का अधिक है! –

3

उपयोग chart.yAxis.tickValues ​​(0), यह yticks बंद कर देते हैं और y लेबल

+0

ग्रेट उत्तर ~ प्लस 1! – Miron

संबंधित मुद्दे