echarts鼠标事件以及自定义数据获取

事件添加方法:

对应官网位置:https://www.echartsjs.com/api.html#events

鼠标事件包括 'click''dblclick''mousedown''mousemove''mouseup''mouseover''mouseout''globalout''contextmenu'

myChart.on('click', function (params) {
    console.log(params);
});

 添加位置:

自定义数据获取:

以柱状图为例,添加完成点击事件后,通过点击会得到echarts对应树状的定义数据。

自定义数据都放在data里面

举例:

官方提供模板类型数据: data:[0,1,2,3,4,5];

自定义数据:data:[

  {value:0,ids:'001'},

  {value:1,ids:'002'},

  {value:2,ids:'003'},

  {value:3,ids:'004'},

  {value:4,ids:'005'},

  {value:5,ids:'006'}];

打印结果:

猜你喜欢

转载自www.cnblogs.com/zhaozhou/p/10773027.html