2017-07-16 14 views
0

4 Y軸でグラフを作りたいです。私はデュアルY軸グラフを作成する方法を知っていますが、私は4 y軸を持つグラフを作ることができません。私はデュアルY軸グラフの一例を含んでいます。誰か、この二重y軸グラフで4 y軸グラフ。あなたは2つの軸のためにしたのと同じ4 Y軸でグラフを作る方法

Highcharts.chart('container', { 
 
    chart: { 
 
     marginRight: 80 // like left 
 
    }, 
 
    xAxis: { 
 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
 
    }, 
 
    yAxis: [{ 
 
     lineWidth: 1, 
 
     title: { 
 
      text: 'Primary Axis' 
 
     } 
 
    }, { 
 
     lineWidth: 1, 
 
     opposite: true, 
 
     title: { 
 
      text: 'Secondary Axis' 
 
     } 
 
    }], 
 

 
    series: [{ 
 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
 
    }, { 
 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2], 
 
     yAxis: 1 
 
    }] 
 
});
<div id="container" style="height: 400px"></div> 
 
<script src="https://code.highcharts.com/highcharts.js"></script>

答えて

1

yAxisセクションの4軸と直列セクションで、どのデータがどの軸に入るかを指定します。

yAxis: [{ 
     lineWidth: 1, 
     title: { 
      text: 'Primary Axis' 
     } 
    }, { 
     lineWidth: 1, 
     opposite: true, 
     title: { 
      text: 'Secondary Axis' 
     } 
    }, { 
     lineWidth: 1, 
     opposite: false, 
     title: { 
      text: 'third Axis' 
     } 
    }, { 
     lineWidth: 1, 
     opposite: false, 
     title: { 
      text: 'fourth Axis' 
     } 
    }], 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }, { 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2], 
     yAxis: 1 
    }, { 
     data: [44.0, 76.0, 35.6, 48.5, 116.4, 180.1, 195.6, 154.4, 129.9, 72.5, 108.4, 159.2], 
     yAxis: 2 
    }, { 
     data: [ 95.6, 54.4, 29.9, 71.5, 106.4, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,129.2], 
     yAxis: 3 
    }] 

hereあなた

用のサンプル・フィドルです
関連する問題