javascript - 如何在 Highcharts 中为多个系列使用相同的数据集？

Question

我对 Highcharts 还很陌生。我们之前使用的是 Logi Analytics，它在后台做了很多我们无法控制的事情。现在试图重新创建相同的图表，遇到了如何做这些事情的问题。我正在尝试对多个系列元素使用相同的数据集。例如，我将有一个柱形图，然后在它上面有一个折线图。如果有帮助，我将此代码保存在 .ts 文件中并编译成 JS 进行部署。这是我目前拥有的作品：

let myChart = Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    plotOptions: {
        series: {
            events: {
                //do something
            }
        }
    },
    title: {
        text: 'My Title'
    },
    xAxis: {
        categories: dataCategories
    },
    yAxis: {
        title: {
            text: 'Percentages'
        }
    },
    series: [
        {
            name: 'Data Table',
            data: data,
            cursor: 'pointer'
        }
    ]
});

我的数据嵌入了 Java。数据示例：

 let data = 
                [
                    {
                        'location': 'someplace',
                        'dept': '999',
                        'deptDescription': '999 DEPT',
                        'code': '',
                        'name': 'NO NAME',
                        'hours1': 32.5,
                        'hours2': 4.7,
                        'hours3': 0.0,
                        'hours4': 0.0
                    }
         ];

我如何设置我的 yAxis 和类别：

for (let row of data) {
    row.y = row.hours1;
    dataCategories.push(row.deptDescription);
}

我想使用相同的数据，因为我有相同的 x 轴，而且我的数据也包含新的 y 轴。可能是这样的：

    series: [
        {
            type: 'column'
            name: 'Data Table',
            data: data,
            cursor: 'pointer'
        },
        {
            type: 'line',
            name: 'Data Table2',
            data: data,
            cursor: 'pointer'
        }
    ]

标签： javascripttypescripthighcharts