Destroy方法不会重置图表索引

Question

这是问题所在。我想破坏现有的图表并替换为新的实例。根据doc，我需要调用destroy（）方法然后创建一个新方法。但即使我这样做，Highcharts数组仍保留旧引用（未定义）并使用新索引创建新图表。

以下是示例代码also in fiddle。只需单击按钮，您就会看到图表索引正在增加。

createChart();
function createChart(){
    var options ={
        chart: {
            renderTo: 'container',
            .................
            .................
        }
    }
    var chart = new Highcharts.Chart(options);
    alert(chart.index)
}

function newChart(){
    $("#container").highcharts().destroy();
    createChart();
}
$("#button").click(function(){
    newChart();
}

Answer 1

我建议不要在点击按钮时创建高图表。相反，你可以简单地添加和删除系列（与创建和销毁相对）。如果要暂时隐藏严重的操作，可以使用hide（）/ unhide（）操作。希望这可以帮助。