如何在高图表中将不同的类别值放在X轴上

时间:2012-11-16 10:14:33

标签: javascript highcharts

我想使用不同的数据来制作不同的柱形图。 (与折线图一样,我可以点击底部的小图标然后图表更改)但是我有一个问题,每个数据在X轴上都有不同的类别,这意味着当我更改数据时,类别会随之改变。

我无法弄清楚如何做到这一点,例如:

我在列条形图中有多个数据:

series: [{ name: 'name', data: data, color: 'white' }, {name: 'name', data: data, color: 'white'}]

此外,每个数据都有不同的类别

categories: cataTitle1,cataTitle2

我无法在数据更改时更改类别?

1 个答案:

答案 0 :(得分:2)

您需要多个轴和多个系列与柱形图Here is Demo 您也可以使用多个YAxis。 Highchart Demo可以为您提供详细信息。

       series: [{
            name: 'Rainfall',
            color: '#4572A7',
            type: 'column',

            data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

        }, {
            name: 'Sea-Level Pressure',
            type: 'column',
            color: '#AA4643',
            xAxis: 1,
            data: [1016, 1016, 1015.9, 1015.5, 1012.3, 1009.5, 1009.6, 1010.2, 1013.1, 1016.9, 1018.2, 1016.7],
            marker: {
                enabled: false
            },
            dashStyle: 'shortdot'

        }]