我在设置高速图上双轴的范围时遇到了一些麻烦。第一个y轴必须在[-5,40]范围内。第二个必须在[0,80]。我试图做到这一点,但它与tickInterval
或设置min
和max
,但似乎并不奏效。我该怎么做?Highcharts双轴设置y范围
这里是的jsfiddle:https://jsfiddle.net/erifel/t0775Luo/
我在设置高速图上双轴的范围时遇到了一些麻烦。第一个y轴必须在[-5,40]范围内。第二个必须在[0,80]。我试图做到这一点,但它与tickInterval
或设置min
和max
,但似乎并不奏效。我该怎么做?Highcharts双轴设置y范围
这里是的jsfiddle:https://jsfiddle.net/erifel/t0775Luo/
一些方法来实现这一目标。
禁用Chart.alignTicks和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],
首先,图表对象上设置alignTicks: false
。
然后,设置一个tickInterval
与您的最小和最大的工作原理:
yAxis: [{
min: -5,
max: 40.0,
tickInterval: 15
},{
min: 0,
max: 80,
tickInterval: 20
}]
更新小提琴:
谢谢@morganfree,它完美的作品! – eriast