NVD3的stackedAreaChart如何改变比例答案

【问题标题】：How to change the scale on the stackedAreaChart of NVD3NVD3的stackedAreaChart如何改变比例
【发布时间】：2014-08-20 09:13:27
【问题描述】：

我想知道如何更改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;
    });

【问题讨论】：

能否请您发布您的解决方案作为答案？

标签： javascript svg d3.js charts stacked-area-chart

【解决方案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;
    });

【讨论】：