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

You always want to process your data outside of the chart object with some of the API methods. Render a blank chart (or hidden) in a container and then you can do something like this with the Chart methods:

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

SOURCE: http://api.highcharts.com/highcharts#Chart.addSeries()

For removing the series: First, locate the series within the chart object and then use the remove() method. SOURCE: http://api.highcharts.com/highcharts#Series.remove()

于 2013-07-10T17:45:54.787 に答える