javascript - 在 ng2-nvd3 的 linePlusBarChart 中为 y1Axis 设置 tickValues

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，因为它是由行使用的。因此，如果我们只是强制 line 遵循 y 轴的任何准则，它就会成功。