![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echart
极客曼巴
活着,是一件很幸福的事情
展开
-
echart图表缩放到一定比例(可自定义)后,停止放大,还可以缩小回去
一、需求: 有时候,我们有这样的需求:当echart图表(特别是折线图)的数据量很大,客户要求可以放大图表来仔细查看数据。echart有dataZoom这种技术来支持,也蛮好用的。但是有的客户就是很刁钻,要求放大到一定的程度都就不让缩放了(dataZoom会放的很大很大)。那怎么办呢???二、网上现状:1.说改源码可以解决。但是,我想说我不是前端工程师啊,怎么改?参考网上的回复:https://segmentfault.com/q/10100000147512052.查看各种文档,...原创 2020-07-28 13:30:01 · 4161 阅读 · 0 评论 -
echart 动态折线图实现,及上下波动bug修复
一、echart 动态折线图实现原理等1.原理:echart 动态折线图的实现原理,本质就是动态的改变series中data的值。2.步骤: a.定义一个定时器,间隔指定的时间去触发事件(改变series中data的方法)。 b.在事件中,要重新定义option,并重新设置。 c.在事件中,不断的改变series中data的值(建议从前面删除,后面插入的方式)。 3.注意: a.如果chart被封装成了组件,有可能会不成功。建议在单一页面里面操作。二、官...原创 2020-07-17 13:46:38 · 4214 阅读 · 2 评论 -
echart markline画阈值线
一、目的:解决echart图表阈值标记线(说白了就是一条线)。二、直接上图。如图,2.75这个线。三、代码。this.series = [{ name: 'XXX', type: 'line', symbolSize: 8, symbol: "none", hoverAnimation: false, data: speedList},{ name: 'XXX', type: 'line', xAxisInde原创 2020-07-15 11:22:30 · 2965 阅读 · 0 评论