Question

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

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

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

我似乎无法让它工作，但我不确定是不是因为我做错了或因为API不允许它。任何人都有任何想法？

Answer 1

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

$('#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()

在Highcharts API中执行for循环

1 个答案: