0

我的页面上有一个 Highcharts 折线图，我目前正在开发一种通过单击或双击链接从图中动态添加和删除系列的方法。

所以我的问题是因为我不知道任何时候要选择多少个系列，我不能硬编码它们。所以我想知道是否可以在 Highcharts API 代码中做一个 for 循环? 像这样的东西：

for (var i = 0; i < numberOfSeries; i++) {
                series: [{
                    name: i,
                    data: JSON.parse("[" + arraysOfData[i] + "]"),
                    marker: {
                        enabled: true,
                        symbol: 'circle',
                        radius: 1
                    }
                }]
}

我似乎无法让它工作，但我不确定是因为我做错了什么还是因为 API 不允许它。有人知道吗？

4

1 回答 1

0

您总是希望使用一些 API 方法在图表对象之外处理数据。在容器中渲染一个空白图表（或隐藏），然后您可以使用 Chart 方法执行以下操作：

$('#button').click(function() {
    var chart = $('#container').highcharts();
    for (var i = 0; i < numberOfSeries; i++) {
        chart.addSeries({
            name: i,
            data: JSON.parse("[" + arraysOfData[i] + "]"),
            marker: {
                    enabled: true,
                    symbol: 'circle',
                    radius: 1
                    }
        });
    }
});

来源：http://api.highcharts.com/highcharts#Chart.addSeries()

删除系列：首先，在图表对象中定位系列，然后使用 remove() 方法。来源：http://api.highcharts.com/highcharts#Series.remove()

于 2013-07-10T17:45:54.787 回答