2013-06-21 13 views
5

Ich versuche, Y-Achsen-Hilfsstrichbeschriftungen aus einem diskreten Balkendiagramm in nvd3 zu entfernen.nvd3: Entfernen der Y-Achsen-Hilfsstrichsbeschriftungen aus dem diskreten Balkendiagramm

Ich habe schon in die nvd3-Quelle geschaut, kann aber keine offensichtliche Funktion finden, die ich ändern könnte. Kann mir jemand auf die Lösung hinweisen?

aktualisieren: Code

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

Haben Sie versucht, so etwas wie 'chart.yAxis.ticks (0)' ausschalten? –

+0

Ja, das versucht, nach der Tooltips Option - aber hat nicht funktioniert. Ist das die falsche Position? – jvdh

+0

Dies wäre eine separate Codezeile, keine einzustellende Option. –

Antwort

20

Es gibt eine Variable in der nvd3 diskreten balken Funktion, die die y-Achse (einschließlich Etiketten) entfernt. Verwenden Sie diese in Ihrem Code, um sie zu entfernen:

Eine ähnliche Variable existiert für die X-Achse.

+0

Dies sollte die akzeptierte Antwort sein! Das obige ist eher ein Hack! –

3

Verwendung chart.yAxis.tickValues ​​(0) Es wird die yticks und halten Sie die y-Aufkleber

+0

Große Antwort ~ Plus 1! – Miron

Verwandte Themen