如何在Extjs中完全清除图表?

时间:2013-11-26 09:33:53

标签: javascript extjs charts

我正在动态地将商店加载到图表中,我的问题是,当加载新图表时,旧图表(条形图/线条)仍然显示在新图表后面。 这就是我删除旧图表的方法:

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

结束

我做错了什么???

1 个答案:

答案 0 :(得分:2)

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

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

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