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

Question

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

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

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

系列:[{
名称:'名称'，
数据:数据，
白颜色'
},
{名称:'名称'，
数据:数据，
颜色:'白色'}]

每个数据都有不同的类别

categories: cataTitle1,cataTitle2

我不能让类别随数据变化而变化吗？

Answer 1

柱形图需要多个轴和多个系列 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'

        }]