0
異なるy軸を結合する方法はありますか?ハイチャート - y軸の結合
私は同じ線グラフ上に表示したいデータセットが23あり、異なる線の値が非常に異なっているにもかかわらず、1つのy軸しか持たないようにします(たとえば、 50,000前後、別の行では5,6倍前後)。
異なるy軸を結合する方法はありますか?ハイチャート - y軸の結合
私は同じ線グラフ上に表示したいデータセットが23あり、異なる線の値が非常に異なっているにもかかわらず、1つのy軸しか持たないようにします(たとえば、 50,000前後、別の行では5,6倍前後)。
あなたは1として示すことが、複数のy軸を模擬することができます:私は探しています何
はこれです。 1つの主軸は線と目盛りを持つべきですが、もう1つはしないでください - tickWidth
、tickLength
、lineWidth
のオプション(軸ごとに別々に)で設定できます。
次に、オフセットを0に設定して軸の垂直位置を設定する必要があります。また、min、max、およびtickPositionをデータに合わせて調整する必要があります。軸の設定の
例:
yAxis: [{ // Primary yAxis
min: 4.5,
max: 27.5,
tickPositions: [7, 25],
startOnTick: false,
endOnTick: false,
gridLineWidth: 0,
offset: 0,
labels: {
format: '{value}°C',
style: {
color: Highcharts.getOptions().colors[2]
}
},
title: {
text: null
},
}, { // Secondary yAxis
gridLineWidth: 0,
offset: 0,
title: {
text: null
},
labels: {
format: '{value} mm',
style: {
color: Highcharts.getOptions().colors[0]
}
},
lineWidth: 1,
tickLength: 10,
tickWidth: 1,
tickPositions: [49.9, 220]
}, { // Tertiary yAxis
gridLineWidth: 0,
endOnTick: false,
startOnTick: false,
min: 1009,
max: 1018.5,
tickPositions: [1009.5, 1018],
offset: 0,
title: {
text: null
},
labels: {
format: '{value} mb',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}],
renderer.text http://jsfiddle.net/s22uh22o/を使用してカスタムテキストを表示することが可能です –