码迷,mamicode.com
首页 > 其他好文 > 详细

Echart--手柄触发事件(折线图)

时间:2018-12-08 15:49:41      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:请求   点击事件   产品   拖动   label   地址   2.0   技术分享   根据   

1 环境: vue-cli(2.0)+ vue-echarts  (git地址:https://github.com/ecomfe/vue-echarts)

2 场景:最近项目用echarts来展示图标,其中有一个需求,需要拖动手柄,等松开手柄时,要根据手柄所在的位置,重新发送请求,来渲染数据。

 echarts的手柄实例地址:http://echarts.baidu.com/examples/editor.html?c=line-tooltip-touch

3图:技术分享图片

4遇到的bug:

    4.1 手柄上的label信息,有时会刷新不出来。即上图中的2016-10-07消失。

    4.2 echarts的点击事件对折线图并不友好,必须点在折线图的点坐标上才会触发事件。so,要实现点击图中任意位置来即可实现触发自己的事件。

    4.3 echarts提供了可以拖动的手柄,但是并没有松开手柄后触发的事,这个没有满足我们产品的需求。当然有可能是我没有找到,若有请告知,谢谢。

Echart--手柄触发事件(折线图)

标签:请求   点击事件   产品   拖动   label   地址   2.0   技术分享   根据   

原文地址:https://www.cnblogs.com/mengdiezhuangzhou/p/10087676.html

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