ExtJS 4 Chart - 更改轴、系列和存储

Posted 2023-02-26

【中文标题】ExtJS 4 Chart - 更改轴、系列和存储

【英文标题】：ExtJS 4 Chart - Change axes, series, and store

【发布时间】：2011-11-14 22:03:53

【问题描述】：

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

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

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

【问题讨论】：

什么类型的图表？什么是dailyAxes？你能添加它的定义吗..

【参考方案1】：

有点晚了，但缺少的是：

chart.surface.removeAll()

这并不理想，因为您可能会在破坏之前的元素时获得一闪而过的空白空间，但它确实避免了旧数据的残留。

【参考方案2】：

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

但我假设你想更改轴属性..hee 是一个关于如何做到这一点的示例：

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

那么你需要在你完成后重新绘制图表：

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