问题:

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

ExtJS 折线图趟过的坑-LMLPHP

解决方案:

在绘制之前,清空坐票:

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、坐标数量很大时,横坐标数据覆盖

ExtJS 折线图趟过的坑-LMLPHP

解决方法:

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

ExtJS 折线图趟过的坑-LMLPHP

05-11 22:04