2017-06-20 4 views
0

異なるy軸を結合する方法はありますか?ハイチャート - y軸の結合

私は同じ線グラフ上に表示したいデータセットが23あり、異なる線の値が非常に異なっているにもかかわらず、1つのy軸しか持たないようにします(たとえば、 50,000前後、別の行では5,6倍前後)。 combinedyaxes

+0

renderer.text http://jsfiddle.net/s22uh22o/を使用してカスタムテキストを表示することが可能です –

答えて

1

あなたは1として示すことが、複数のy軸を模擬することができます:私は探しています何

はこれです。 1つの主軸は線と目盛りを持つべきですが、もう1つはしないでください - tickWidthtickLengthlineWidthのオプション(軸ごとに別々に)で設定できます。

次に、オフセットを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] 
     } 
    } 
}], 

例:http://jsfiddle.net/w7z1p8qy/

combine multipel y axies

関連する問題