javascript - Highcharts-空のチャートを再描画します

Question

WebサイトにレンダリングされたHighchartsチャートがあり、一定時間後に空にする必要があります。今、私はそのようなコードでそれを試しましたが、チャートはそれ自体を空にしない/何も変更されません...

var chart = new Highcharts.Chart({
// Chart settings
});

// Some other JS
function emptyChart(chart) {
    chart.series = [];
    chart.redraw();
}

// Some code and a function executes this function after some time
emptyChart(chart);

また、Firebugコンソールやその他の場所でエラーが発生することはなく、何も起こりません...

Answer 1

A clean way to do this :

function emptyChart(chart) {
    while(chart.series.length !=0) {
        chart.series[0].hide();
        chart.series[0].remove();
    }
}

If you want your axis to disappear as well, use the "showEmpty: false" option (check xAxis.showEmpty )

Answer 2

私はすでにこの問題を2回経験しましたが、ついに単純ですが現在は機能している解決策を見つけました。新しい空のHighchartを作成するだけです。

function emptyChart(chart) {
    chart = new Highcharts.Chart(/* chartOptions */);
}

Answer 3

I guess, you want something like this,

chart.series[0].data = [];
chart.redraw();

Answer 4

Just a guess, but try changing to chart.series = {};?

Answer 5

You can also use setData([])

http://api.highcharts.com/highcharts#Series.setData()