Question

我在高图上设置双轴的范围时遇到了一些麻烦。第一个y轴必须在[-5,40]范围内。第二个必须在[0,80]。我尝试使用tickInterval或设置min和max，但似乎没有效果。我该怎么办？

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

Answer 1

实现这一目标的几种方法。

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/

Answer 2

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

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

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

更新了小提琴：

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

Highcharts双轴设置yRange

2 个答案: