highcharts和不同的Y軸爲不同類別

Question

我試圖用highcharts繪製柱形圖具有下列數據： - 我有三大類：蘋果，桔子，桃子 - 我有三個數據系列吧：[1, 10, 100], [2, 9, 120], [1, 11, 150]

正如你可以看到不同類別的y值有完全不同的尺度，我想相應地顯示它們。我想顯示三組三列的，就像這樣：

1, 2, 1 --- 10, 9, 11 --- 100, 120, 150

但也要確保第一批沒有被完全擠壓到地面，因爲較低的值。

highcharts可能嗎？

Answer 1

你可能想看看dual-axis chart example。基本上，你只需要確保你使用不同的y軸在不同的系列中定義你的數據。

var chart = new Highcharts.Chart({ 
    //... 
    yAxis: [ 
     //your yAxis definitions 
    ], 

    series: [{ 
     name: "Apples", 
     yAxis: 0, //the index of the yAxis definition you want to use 
     data: [1,2,1] 
    }, { 
     name: "Oranges", 
     data: [10,9,11] 
    }, { 
     name: "Peaches", 
     data: [100,120,150] 
    }] 
})