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]
    }]
})

highcharts和不同类别的yAxis

1 个答案: