在ng2-nvd3

Question

this.options = {
      chart: {
          type: 'linePlusBarChart',
          height: 500,
          margin: {
              top: 30,
              right: 75,
              bottom: 50,
              left: 75
          },
          bars: {
              forceY: [0]
          },
          bars2: {
              forceY: [0]
          },
          color: ['#2ca02c', 'darkred'],
          x: function(d, i) { return i; },
          xAxis: {
              axisLabel: 'X Axis',
              tickFormat: (d) => {
                  let dx = this.data[0].values[d] && this.data[0].values[d].x || 0;
                  return dx;
              }
          },
          x2Axis: {
              tickFormat: (d) => {
                  let dx = this.data[0].values[d] && this.data[0].values[d].x || 0;
                  return dx;
              },
              showMaxMin: false
          },
          y1Axis: {
              axisLabel: 'Y1 Axis',
              tickFormat: function(d){
                  return d3.format(',f')(d);
              },
              axisLabelDistance: 12
          },
          y2Axis: {
              axisLabel: 'TargetLine Axis',
              rotateLabels: -35,
          }
      }
    };

我想明确设置y1Axis范围，例如1到100.我该怎么做？

在d3的文档中，我发现tickValues但我不确定如何将此方法用于上述配置对象。

提前感谢您提供任何帮助。

Answer 1

找到答案。如果以后有人需要，请进一步参考。

lines: { 
    // for line chart
    forceY: [0, 100]
},

无需更改y1Axis，因为行已使用它。因此，如果我们只是强制行遵循y轴的任何指导原则，它就会做到这一点。