如何改变NVD3的stackedAreaChart的比例

How to change the scale on the stackedAreaChart of NVD3

本文关键字：stackedAreaChart NVD3 何改变 改变      更新时间：2023-09-26

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

我找到了解决方案，我在这里发布:

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;
    });
相关文章：
  • 没有找到相关文章