首页 > Web开发 > 详细

ExtJS 折线图趟过的坑

时间:2017-08-31 15:52:29      阅读:552      评论:0      收藏:0      [点我收藏+]

问题:

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

技术分享

解决方法:

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

 技术分享

 

ExtJS 折线图趟过的坑

原文:http://www.cnblogs.com/dbycl/p/7458101.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!