美文网首页
echarts点击图的shadow部分如何触发事件

echarts点击图的shadow部分如何触发事件

作者: 神话降临 | 来源:发表于2018-03-06 17:13 被阅读0次

新的一年开始了,由于现在项目比较紧张,所以老大决定实行为期半个月的997,有点慌,所以赶紧来写篇博客压压惊

在做数据展示的时候用到了echarts,所以这篇文章就说我才碰到的技术上的问题,以及解决方案
但是这个解决方案无法把柱子本身的参数带过去,

echarts如何在点击当前柱子或者折线的shadow部分触发事件

image.png
myChart.getZr().on('click',params=>{

    var pointInPixel= [params.offsetX, params.offsetY];

    if (myChart.containPixel('grid',pointInPixel)) {

        var xIndex=myChart.convertFromPixel({seriesIndex:0},
              [params.offsetX, params.offsetY])[0];

        /*事件处理代码书写位置*/

      alert("2222");

}

});

相关文章

  • echarts点击图的shadow部分如何触发事件

    新的一年开始了,由于现在项目比较紧张,所以老大决定实行为期半个月的997,有点慌,所以赶紧来写篇博客压压惊 在做数...

  • ecahrts各种用法

    一、bar滚动条及固定间隔 二、通用echarts点击事件 二、点击扇形图legend不关闭图但是触发点击事件 三...

  • Echarts 避免重复触发点击事件

    myChart.off('click')

  • echarts处理区域点击

    echart默认的点击事件只能通过点击图形触发,比如柱状图,只有点击柱子才会触发,如果数据相差较大,有些柱子非常小...

  • vue事件修饰符 数据绑定与css样式

    事件修饰符 点击按钮先出发按钮的点击事件再触发div的点击事件,这就是事件冒泡 .stop阻止冒泡,点击按钮只触发...

  • 常用事件

    鼠标事件 onclick 点击事件点击鼠标左键触发 ondblclick双击事件双击鼠标左键触发 onmouseo...

  • jQuery学习:事件移除、解绑/阻止冒泡、默认行为/each方

    移除事件绑定 触发事件触发p的点击事件$("p").click();$("p").trigger("click")...

  • 2018-01-01

    oncontextmune事件 当用户在某元素上点击鼠标右键时触发此事件。 如何获取鼠标位置 当用户点击某元素,并...

  • Js事件和事件对象

    一、事件概述 事件三要素:事件源:触发(被)事件的元素事件类型:事件的触发方式(例如鼠标点击或键盘点击)事件处理程...

  • Echarts鼠标事件阻止冒泡

    不知道大家在使用echarts的鼠标事件时,有没有类似弹窗那种需求(点击弹窗外的遮罩区域,弹窗消失):此处即点击图...

网友评论

      本文标题:echarts点击图的shadow部分如何触发事件

      本文链接:https://www.haomeiwen.com/subject/lhjrfftx.html