ExtJS 4图表 - 更改轴,系列和存储

时间:2011-11-14 22:03:54

标签: extjs charts extjs4

我有一张图表,可以显示一天,一个月或一年的能量产生,具体取决于用户的选择。要在单个图表上执行此操作,我需要能够在单击按钮时更改轴,系列和存储。我已经设法让这个工作,除了我有旧数据,系列和轴仍然显示的问题,而新的只是被放在首位。有没有办法清除或刷新/重绘图表?或者我应该将其拆分为3个图表,并在按钮单击时隐藏/显示图表?

这是我目前用于动态设置轴,系列和存储的代码。

        chart.axes.clear();
        chart.axes.addAll(dailyAxes);
        chart.series.clear();
        chart.series.addAll(dailySeries);
        chart.bindStore(Ext.data.StoreManager.lookup('dailyEnergy'));

2 个答案:

答案 0 :(得分:3)

有点晚了,但缺少的是:

chart.surface.removeAll()

这并不理想,因为你可能会因为破坏以前的元素而获得空白空间,但它确实可以避免旧数据的拖尾。

答案 1 :(得分:1)

我不知道什么类型的图表或什么是dailyAxes

但我想你想要改变轴的属性。我是一个如何做的例子:

Ext.getCmp('chartid').axes.get("gauge").maximum =  100;

然后你需要在完成后重绘图表:

Ext.getCmp('chartid').redraw();