Come impostare il dominio e la scala su un yaxis su una discreteBarChart nvd3.js

Question

Sto utilizzando i grafici d3.js in una delle mie applicazioni. Eccoli in questa immagine Vedi Charts

per l'asse Y sul grafico Denaro (vedere nell'immagine), voglio il massimo valore arrotondato a 400, non importa quale sia la dimensione massima bar è qui che è di $ 358,72, ma voglio per mantenere la barra a 358,72 ma sull'asse Y sarebbe 400 Limite.

codice perché è qui

tradesChart = [ 
     { 
     key: "Cumulative Return", 
     values: [ 
         { 
      "label" : "6E", 
      "value" : 100  }, 
        { 
      "label" : "NG", 
      "value" : 100  }, 
        { 
      "label" : "TF", 
      "value" : 67  }  ] 
     } 
    ]; 
     nv.addGraph(function() { 

     var chart = nv.models.discreteBarChart() 
      .x(function(d) { return d.label }) 
      .y(function(d) { return d.value/100 }) 
      .staggerLabels(true) 
      .showValues(true) 
      .valueFormat(d3.format('.0%')) 

     chart.yAxis.tickFormat(function(d) { return d3.format('d')(d*100) + '%'; }); 

     d3.select('#chart-trades svg') 
     .datum(tradesChart) 
     .transition().duration(500) 
     .call(chart); 

     nv.utils.windowResize(chart.update); 

     return chart; 
    }); 

Gentilmente mi aiuto per risolvere questo fuori

Answer 1

È necessario modificare il dominio della scala Y. Di solito è derivato dal valore massimo dei dati con una dichiarazione come la seguente:

yScale.domain([0, d3.max(data, function (d) { return d.v; }) ]); 

Nel tuo caso, si dovrebbe modificarlo per essere più simile a questo, invece:

yScale.domain([0, 400]); 

In alternativa, se si desidera impostare il valore massimo dai dati o un valore statico minimo, si potrebbe fare qualcosa di simile al seguente:

yScale.domain([0, d3.max(data, function (d) { return d.v > 400 ? d.v : 400; }) ]); 

a fu ll esempio jsfiddle è here.

Ecco come farlo con D3.js, non ho familiarità con la venerabile lib di nvd3.js, quindi non sono sicuro di come accedere alla bilancia, ma darò un'occhiata e vedrò se può trovarlo

Answer 2

Forza Y

Elenco dei numeri di forza in scala Y (es. 0, o un max/min, ecc). I numeri dicono a d3.js i valori da utilizzare nella scala, piuttosto che d3.js che determina i valori.

Datatype:. Array di numeri (ie [0, 50]

http://cmaurer.github.io/angularjs-nvd3-directives/line.chart.html