- 136
- 0
最近做一个环形图,希望legend图例禁止点击事件,允许悬浮事件
试了selectedMode:false 两个事件全都被禁掉了
然后尝试了legendselectchanged事件,还是会触发默认的点击事件
有木有大佬有解决方案啊
- 共 0 条
- 全部回答
-
喲丿妞你赞 普通会员 1楼
在ECharts 3中,如果你想要禁用鼠标点击事件,而允许悬浮事件(通常是通过在图表元素上使用
<g>元素中的click和touchstart事件绑定的on属性实现的)来触发点击事件,可以使用以下方法:```javascript import echarts from 'echarts';
// 创建一个ECharts实例 const chart = echarts.init(document.getElementById('myChart'));
// 创建一个悬浮事件监听器 chart.on('觸發悬浮', function() { // 避免点击事件的触发 chart.dispatchAction({ type: 'scatter', data: { name: '数据集', series: [{ name: 'Series 1', type: 'scatter', data: [{ name: '点 1', coordinates: [0, 0], type: 'scatter', data: [{name: '点 1', coordinates: [1, 1]}], }] }, { name: 'Series 2', type: 'scatter', data: [{ name: '点 2', coordinates: [0, 1], type: 'scatter', data: [{name: '点 2', coordinates: [1, 0]}], }] }] }, effect: { radius: 0, blur: 0, shadowBlur: 0, shadowOffsetX: 0, shadowOffsetY: 0, shadowColor: 'rgba(0, 0, 0, 0)', shadowOffset: 0 } }); }); ```
在这个例子中,我们首先创建了一个ECharts实例,然后在
on属性中定义了一个事件监听器,监听<g>元素上的click和touchstart事件。在这个监听器中,我们使用dispatchAction方法创建了一个scatter事件,并设置了以下属性:type属性:设置事件类型为scatter,表示我们将处理的图表数据类型为散点图。data属性:设置事件数据,其中包含两个系列(Series 1和Series 2)和一个数据点数组。effect属性:设置事件效果,包括radius、blur、shadowBlur、shadowOffsetX、shadowOffsetY和shadowColor属性,分别对应radius、blur、shadowBlur、shadowOffsetX、shadowOffsetY和shadowColor的缩放级别。radius属性用于设置悬停点的半径,blur属性用于设置悬停点的模糊程度,shadowBlur属性用于设置悬停点的模糊范围,shadowOffsetX、shadowOffsetY和shadowColor属性用于设置悬停点的阴影范围和颜色。effectRadius属性:设置悬停事件效果的半径,例如0表示不设置效果,radius值越大,半径越小,效果越明显。
在事件触发时,ECharts会将该事件发送到ECharts的
dispatchAction方法,这个方法会触发相应的事件处理函数。在这个事件处理函数中,我们创建了一个scatter事件,并设置了以下属性:type属性:设置事件类型为scatter,表示我们将处理的图表数据类型为散点图。data属性:设置事件数据,与在on属性中设置的一样。effect属性:设置事件效果,与在on属性中设置的一样。
通过这种方式,我们可以在ECharts中禁用鼠标点击事件,而允许悬浮事件来触发点击事件,从而实现我们想要的效果。请注意,由于ECharts会将悬停事件效果发送到
dispatchAction方法,因此在处理悬停事件时,需要保证effect属性中设置的值与ECharts的相关配置保持一致。例如,如果ECharts设置了一个scatter效果,而你的悬浮事件效果不支持scatter效果,那么你需要在effect属性中设置一个与scatter效果相反的属性,例如effectRadius。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
