高图-重绘空白图表

Question

I have a rendered Highcharts chart on a website and I need to empty it after a certain time. Now I tried that with such code but the chart doesn't empty itself/nothing changes...

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);

I also don't get any error in the Firebug console or somewhere else, just nothing happens...

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

I guess, you want something like this,

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

Answer 3

I had this problem already a second time and now I finally found a simple but currently only-working solution: Just create a new, empty Highchart:

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

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()