如何在Highcharts中对多个系列使用相同的数据集?

时间:2018-11-05 14:29:38

标签: javascript typescript highcharts

我是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'
        }
    ]

0 个答案:

没有答案