discreteBarChart上でyaxisのドメインとスケールを設定する方法nvd3.js

Question

私のアプリケーションでd3.jsグラフを使用しています。 はここで、彼らが（画像の中に見える）マネーチャート上のY軸についてCharts

を参照してください この画像にある、私は最大値は400に丸めたい、どんな最大バーのサイズは、ここではそれが$ 358.72ではありませんが、私が欲しいです棒を358.72に保つが、Y軸には400 Limitがある。そのため

コードは

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; 
    }); 

が親切にあなたがY軸スケールのドメインを変更する必要が

Answer 1

をこれを解決するために私を助けここにあります。通常、それは次のような文でデータの最大値から導出されます。また

yScale.domain([0, 400]); 

、もし：

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

あなたのケースでは、あなたはより多くの代わりに、このようになり、それを変更する必要がありますあなたは、次のような何かを行うことができ、データまたはから最小静的な値を最大値に設定したい：

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

府例jsfiddleはhereです。

これはD3.jsで行う方法ですが、私は由緒あるnvd3.jsライブラリに慣れていないので、スケールへのアクセス方法はわかりませんが、それを見つけることができます。 Yスケールに強制する数の

Answer 2

フォースY

リスト（すなわち0、または最大/最小、等）。数値はd3.jsに値を決定するのではなく、d3.jsにスケールで使用する値を指示します。

データ型：数値の配列（すなわち働いていた[0、50]

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