ExtJS 折线图趟过的坑

Posted 2020-10-04 _IT小野人

问题：

1、根据条件检索后绘制折线图，之前的坐标没有清除如图

解决方案：

在绘制之前，清空坐票：

leftLine.surface.removeAll();

leftLine.redraw(false);

完整代码如下

   storeBar.load({
                params: { SDate: bTime, EDate: eTime, ResourceId: resourceid },
                callback: function (records, operation, success) {                   
                    var axesItem = leftLine.axes.items;
                    axesItem[0].maximum = records[0].data.MaxNum;
                    axesItem[0].majorTickSteps = 4;
                    leftLine.surface.removeAll();
                    leftLine.redraw(false);
                }
            });

 

 2、坐标数量很大时，横坐标数据覆盖

解决方法：

数据实体添加一个专门用来显示的列，根据自己的算法把不需要显示的坐标名称设置为空，处理后效果如下