如何在Extjs中完全清除圖表？

Question

我正在動態地將商店加載到圖表中，我的問題是，當加載新圖表時，舊圖表（條形圖/線條）仍然顯示在新圖表后面。 這是我刪除舊圖表的方法：

    var removeChart = function (chart) {
            var series = chart.series.items, surface = chart.surface,
                length = series.length, len = surface.groups.keys.length,
                array = [];
            for (var i = 0; i < length; i++)
                array = Ext.Array.merge(array, series[i].group.keys);
            chart.series.clear();
            for (var j = 0; j < array.length; j++){
                surface.items.getByKey(array[j]).destroy();
                };
            for (var t = 0; t < len; t++)
                surface.groups.items[t].destroy();
        };

然后我調用removeChart(chart); 最后添加新的系列配置並完成chart.redraw();

我做錯了什么？

Answer 1

您無需刪除圖表即可完成所需操作。

只需重新加載商店，添加系列，然后重新繪制。

當你這樣做時，你也會得到一個很酷的動畫（如果你想要動畫）。