javascript - 如何在 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

您无需删除图表即可完成所需的操作。

只需重新加载商店，添加系列，然后重新绘制。

当你这样做时，你还会得到一个很酷的动画(如果你想要动画的话)。