【echart】myChart.on(‘click‘, click)点击事件触发两次或多次

最新推荐文章于 2024-05-27 17:03:27 发布
最新推荐文章于 2024-05-27 17:03:27 发布
阅读量2.3k 收藏 3
点赞数 3
文章标签： javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46390103/article/details/126769219
版权

myChart.on(‘click‘, click)柱状图，折线图等点击事件触发两次或多次

在点击事件触发前加上关闭事件

myChart.off('click');
myChart.on('click', click);
时倾௸
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
echarts 全国地图 点击地图上的点，打开超链接 地图点击事件
04-10
在上述代码中，当用户点击地图上的某个省或地区时，`click`事件会被触发，我们获取到点击的区域名称（`params.name`），并根据这个名称生成相应的URL。然后，通过`window.location.href`改变页面的URL，实现页面跳转...
echart中的点击事件
菜鸟的博客
05-22 9732
echart的点击事件 let myChart = echarts.init(document.getElementById(id)); //防止出现多次点击 if(myChart._$handlers.click) { myChart._$handlers.click.length = 0; }; //点击事件 myChart.on('click', function...
解决echarts图表点击模块多次触发点击事件
fukua007的博客
03-09 789
点击柱状图的柱子或饼图中的模块时弹出详情，但接口调了两次，
echarts柱形图点击事件阻止冒泡
最新发布
笋笋的博客
05-27 362
echarts 柱形图
【echart】myChart.on(‘click‘, click)点击事件出发两次或多次
qq_36557846的博客
07-01 1467
myChart.on('click', click)触发两次点击事件
Echarts 的点击事件 this指向问题
YZ_ZZZ24的博客
10-29 1908
myChart.on('click',function(params){ console.log(params); }); 这样写函数内的this指向会指向echarts实例 （获取不到data里面的数据，console.log（this.xxx）为undefind） 需要将该函数变为箭头函数 // 让其变为箭头函数，才能获取this（指向window） important!!! myChart.on('click',(params...
echarts 大屏可视化 仪表盘自定义点击事件
yiyiziupupup的博客
02-13 1035
点击“欠款金额”或者“86000元” 都能触发点击事件，且鼠标移上“欠款金额”和“86000元” 鼠标为手指效果，但myChart.on('click')只能点击86000元才会触发函数，需要使用······
vue中的echarts对象绑定click事件无法调用vue的实例对象
include_computer的博客
07-04 936
点击事件获取不到refName? 方案一：function改为箭头函数 方案二：var that = this; this代表的是当前对象,var that=this就是将当前的this对象复制一份到that变量中。当this对象改变的时候，that指向的还是当时的对象。 echarts事件与行为...
echarts饼图扇区添加点击事件的实例
11-26
在ECharts图表库中，为饼图扇区添加点击事件是一项常见的交互功能，这使得用户可以通过点击图表来触发特定的操作，如查看详情、跳转页面等。以下是一个详细的关于如何实现ECharts饼图扇区点击事件的实例解析。 首先...
echarts 3D地图，地图区域点击触发事件
10-23
在本文中，我们将深入探讨如何使用ECharts库创建3D地图并实现地图区域点击触发事件。ECharts是一款基于JavaScript的数据可视化库，它提供了丰富的图表类型和强大的交互功能，广泛应用于Web开发中的数据可视化场景。 ...
chart点击事件
11-25
`chart.js` 提供了一种直观的方式来与图表交互，例如，当用户点击图表上的某个数据点时，可以触发特定的事件。在`chart.js`中，我们可以利用`onClick`回调函数来监听和响应这种用户行为。这个回调会在图表上任何地方...
【ECharts】maChart.on()点击一次事件调用多次问题解决
余浩的博客
09-29 1340
https://blog.csdn.net/yqwang75457/article/details/83008200 https://blog.csdn.net/Sophiego/article/details/93593171 https://www.cnblogs.com/yanggb/p/11345188.html https://www.cnblogs.com/niepan/p/9297731.html
ECharts中的事件和行为
qq_37881565的博客
08-14 1783
在ECharts 3中绑定事件跟2一样都是通过on方法，但是事件名称比2更加简单了。ECharts3中，事件名称对于DOM事件名称，均为小写的字符串，如下是一个绑定点击操作的示例。 myChart.on('click', function (params) { // 控制台打印数据的名称 console.log(params.name); }); 在ECharts中事件分为两种类型，一种是用户鼠标操作点击，或者hover图表的图形时触发的事件，还是一种用户在使用可以交互的组件后触发的行
【JS】【Echarts】用on绑定click 事件，第二次绑定时执行的依然是第一次绑定的参数
u014458962的专栏
09-24 817
今天遇到了一个奇怪的bug。 一张散点图，用户要求点击图例后，可以将被点击的那个图例对应的点标红，其他的点变灰。 主函数： var chart = echarts.init(document.getElementById('chart')); chart.setOption(baseline_options, true); chart.on('legendselectchanged', function(obj) { var sel
echarts图表点击事件
qq_41078029的博客
02-19 1014
this.$echarts.init(document.getElementById('myChart')) .on('click', function (params) { console.log(params) })  
echarts点击事件使用
xiaoming4965的博客
02-16 3151
echarts点击事件使用
echarts图表点击触发多次问题
Kevin_Good的博客
07-30 104
Echarts表格清除问题 组件内绘制echarts图表,设置图表点击事件导致触发多次问题 this.myChart.on('click', function (param) { // 改方法被触发多次 console.log(param.data); if (param.data.companyID) { let paramsData = { keyid: param.data.companyID
myChart.on('click', function (params)添加点击事件无效
06-03
如果 `myChart.on('click', function (params) {...})` 添加点击事件无效，可能有以下原因： 1. 事件名称不正确：请确认事件名称为 `click`，并且没有拼写错误。 2. 事件绑定位置不正确：请确认你的事件绑定位置是否正确。如果你是在使用 `echarts.init()` 初始化图表之后才绑定事件，你需要在初始化之后再绑定事件。 3. 组件类型和系列类型不正确：请确认你正在监听的组件类型和系列类型是否正确。如果你想监听散点图的点击事件，你需要监听 `scatter` 组件的 `click` 事件，而不是 `geo` 组件的 `click` 事件。 4. 配置项不正确：请确认你的图表配置项是否正确。如果你的配置项不正确，可能会导致事件无法正常触发。 以下是一个示例代码，你可以参考它来解决你的问题： ```javascript var myChart = echarts.init(document.getElementById('myChart')); myChart.setOption({ geo3D: { // geo3D 配置 }, series: [{ type: 'scatter3D', // scatter3D 配置 symbolSize: 10, itemStyle: { color: '#00bfff' }, label: { show: true, formatter: function(params) { return params.value[3]; } }, data: [ [116.46, 39.92, 0, '北京'], [121.48, 31.22, 0, '上海'], [113.27, 23.13, 0, '广州'], [114.07, 22.62, 0, '深圳'] ] }] }); myChart.on('click', function(params) { if (params.componentType === 'scatter3D' && params.seriesType === 'scatter3D') { console.log(params); // 在这里添加你的点击事件处理逻辑 } }); ``` 在上面的代码中，我们先使用 `echarts.init()` 初始化一个图表，并在 `setOption()` 中添加了 `geo3D` 和 `scatter3D` 的配置项。然后我们在 `on('click', function(params) {...})` 中添加了点击事件的逻辑，用于监听散点图的点击事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值