javascript - nvd3设置比例从大到小

Question

我有一个简单的折线图，其中 Y 值介于 0-100 之间。我想反转 Y 范围以改为 100-0。图代码如下:

    nv.addGraph(function() {
      var values = that.getGraphValues();
      console.log(values);
      var chart = nv.models.lineChart()
          .forceY([100, 1]);

      chart.xAxis
          .axisLabel('Date')
          .tickFormat(function(d) { return d3.time.format('%b %d')(new Date(d)); });

      chart.yAxis
          .axisLabel('Ranking')
          .tickFormat(d3.format(',r'));

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

      nv.utils.windowResize(function() { d3.select('#chart svg').call(chart) });

      return chart;
    });

Answer 1

您需要明确设置图的域。在 D3 术语中，“域”是数据的预期范围。如果不自己设置，则计算为[minValue, maxValue]。但是您可以明确地将其设置为任何值，即使第一个数字大于第二个数字也是如此。

var chart = nv.models.lineChart()
            .yDomain([100,0]);