Highcharts 双轴设置 yRange

Question

我在 highcharts 上设置双轴范围时遇到了一些问题。第一个 y 轴必须在 [-5,40] 范围内。第二个必须在 [0,80] 内。我尝试这样做，但使用 tickInterval 或设置 min 和 max，但它似乎不起作用。我该怎么做？

这是 jsfiddle：https://jsfiddle.net/erifel/t0775Luo/

Answer 1

首先，在图表对象上设置alignTicks: false。

然后，设置适用于您的最小值和最大值的 tickInterval：

yAxis: [{
  min: -5,
  max: 40.0,
  tickInterval: 15
},{
  min: 0,
  max: 80,
  tickInterval: 20
}]

已更新fiddle：

https://jsfiddle.net/jlbriggs/t0775Luo/9/

Answer 2

实现该目标的几种方法。

禁用Chart.alignTicks and start/endOnTick。

yAxis: [{
  min: -5,
  max: 40.0,
  //    tickInterval: 11.25,
  //   tickPositions: [-5, 6.25, 17.5, 28.75, 40],
  title: {
    text: 'TEMP (Celsius)'
  },
  endOnTick: false,
  startOnTick: false
  }, {
  endOnTick: false,
  startOnTick: false,
  gridLineWidth: 0,
  tickInterval: 20,
  min: 0,
  max: 80,
  title: {
    text: 'UMID (%)'
  },
  opposite: true
}],

示例：https://jsfiddle.net/t0775Luo/7/

通过tickPositions/tickPositioner

控制刻度

yAxis: [{
  min: -5,
  max: 40.0,
  tickPositions: [-5, 6.25, 17.5, 28.75, 40],

示例：https://jsfiddle.net/t0775Luo/10/

Highcharts 双轴设置 yRange

Highcharts dual axis set yRange

axis

range

highcharts

highstock