ハイチャート上で私の二重軸の範囲を設定するのにいくつかの問題があります。最初のy軸は[-5,40]の範囲内でなければなりません。 2番目は[0,80]になければなりません。私はそれをやろうとしましたが、それはtickInterval
で、またはmin
とmax
と設定しましたが、うまくいかないようです。どうしたらいいですか?ここでハイチャートデュアル軸セットyRange
はjsfiddleです:https://jsfiddle.net/erifel/t0775Luo/
ハイチャート上で私の二重軸の範囲を設定するのにいくつかの問題があります。最初のy軸は[-5,40]の範囲内でなければなりません。 2番目は[0,80]になければなりません。私はそれをやろうとしましたが、それはtickInterval
で、またはmin
とmax
と設定しましたが、うまくいかないようです。どうしたらいいですか?ここでハイチャートデュアル軸セットyRange
はjsfiddleです:https://jsfiddle.net/erifel/t0775Luo/
いくつかの方法は、それを達成するために
次に、あなたの最小値と最大値で動作tickInterval
を設定します。
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
}],
例:コントロールがtickPositions/tickPositioner
yAxis: [{
min: -5,
max: 40.0,
tickPositions: [-5, 6.25, 17.5, 28.75, 40],
例を通じてティックhttps://jsfiddle.net/t0775Luo/7/
まず、チャートオブジェクトにalignTicks: false
を設定します。
yAxis: [{
min: -5,
max: 40.0,
tickInterval: 15
},{
min: 0,
max: 80,
tickInterval: 20
}]
更新フィドル:
ありがとう@morganfree、それは完璧に動作します! – eriast