今日もHighcharts。今度は新しいデータ列を追加する方法です。
昨日のJSFiddleをちょっと改変して、ボタンを押したら新しいデータ列を追加します。データの変更のときと同様アニメーションつきで描画されるのでとてもリッチな感じで良いです。
highchartのインスタンスにaddSeriesという関数があるのでこちらを使えばOKです。
1function onClick() {
2 chart.addSeries({
3 name: "新しく追加したデータ",
4 data: [100000, 110000, 120000, 100000, 130000, 140000]
5 });
6}
渡すオブジェクトはHighchartsを初期化するときにseriesとして渡す内容と同じで良さそう。
詳細はドキュメント↓
ちなみにseriesの削除はこれだけでOK。
1chart.series[4].remove();