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

Question

我想用不同的数据来制作不同的柱状图。（与折线图相同，我可以单击底部的小图标然后图表更改）但是我有一个问题，每个数据在 X 轴上都有不同的类别，这意味着每当我更改数据时，类别也会随之更改。

我不知道该怎么做，例如：

我在柱形图中有多个数据：

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

每个数据也有不同的类别

categories: cataTitle1,cataTitle2

我不能随着数据的变化而改变类别？

Answer 1

您需要使用柱形图的多个轴和多个系列这里是演示 您也可以使用多个 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'

        }]