版权声明:本文为博主原创文章,未经博主允许不得转载。
由于工作需要,需要用echarts 进行展示图表,却又个新的需求,要点击展示的地方,同时下面出现table展示内容
如图所示:
一开始找了好多博客,发现都不好用,大部分都是用到了
var ecConfig = require('echarts/config');
其实是echats2中的。
实现步骤:
- echart所在的div增加事件(onmousedown = “mousedown()”)
- 1
- 2
- 3
- 写js方法,在tooltip中增加回调函数赋值(需要声明一个全局变量Xindex 来接收x轴点击的处的值)
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
官方对回调函数的介绍
- 鼠标事件中增加相应
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
现在我已经实现了,点击阴影区域任何一个点,改变下面的值。
如果你只想点击点来进行触发事件,则要更简单,在设置option 前面增加
- 1
- 2
- 3
- 4
- 5
希望可以帮助到大家!玩的开心!