码迷,mamicode.com
首页 > Web开发 > 详细

ExtJS 折线图趟过的坑

时间:2017-08-31 16:17:37      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:surf   eid   param   nbsp   分享   img   tick   remove   load   

问题:

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 折线图趟过的坑

标签:surf   eid   param   nbsp   分享   img   tick   remove   load   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!