javascript - NVD3的stackedAreaChart如何改变比例

Question

我想知道如何更改stackedAreaChart 的y 轴比例。

想象一下我有一个数组，我想将 y 轴调整为数组的最大值，并且我想以新的比例绘制所有值。

var odata = [10,40];

    nv.addGraph(function() {
      var chart = nv.models.stackedAreaChart();
                 .x(function(d) { return d[0] })
                 .y(function(d) { return d[1] })
                  .useInteractiveGuideline(true);

      chart.xAxis
          .showMaxMin(false)
          .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });

      chart.yAxis
          .tickFormat(d3.format(',.2f'));

      d3.select('#chart svg')
        .datum(data)
          .transition().duration(500).call(chart);

      nv.utils.windowResize(chart.update);

      return chart;
    });

Answer 1

我找到了解决方案并在这里发布：

var odata = [10,40];

    nv.addGraph(function() {
      var chart = nv.models.stackedAreaChart();
                 .x(function(d) { return d[0] })
                 .y(function(d) { return d[1] })
                 .yDomain([0, 
                    d3.max(odata,function (d) { return d; })])
                  .useInteractiveGuideline(true);

      chart.xAxis
          .showMaxMin(false)
          .tickFormat(function(d) { return d3.time.format('%x')(new Date(d)) });

      chart.yAxis
          .tickFormat(d3.format(',.2f'));

      d3.select('#chart svg')
        .datum(data)
          .transition().duration(500).call(chart);

      nv.utils.windowResize(chart.update);

      return chart;
    });