我在設置高速圖上雙軸的範圍時遇到了一些麻煩。第一個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