当前位置: 首页 > news >正文

移动端(手机)ECharts 的myChart.on(‘click‘,还生效吗我怎么触发不了,没得鼠标触发不了点击事件

移动端可以DOM事件替代 myChart.getDom().addEventListener('mousedown', function (event) {

写在setOption(option)后面这样手机也能触发pc端一样的饼图效果

    await  myChart.setOption(option);myChart.getDom().addEventListener('mousedown', function (event) {const params = event.target;if (params) {let fillColor = params.getAttribute('fill');  // 获取 fill 属性if (fillColor && fillColor.startsWith('rgb')) {const result = fillColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/i);if (result) {const r = parseInt(result[1]).toString(16).padStart(2, '0');const g = parseInt(result[2]).toString(16).padStart(2, '0');const b = parseInt(result[3]).toString(16).padStart(2, '0');fillColor = `#${r}${g}${b}`.toUpperCase();}} else {fillColor = fillColor?.toUpperCase();}const dataIndex = chartData.findIndex((item) => item.color == fillColor);if (dataIndex !== -1) {// 清除之前高亮的状态myChart.dispatchAction({type: 'downplay', // 清除之前高亮的状态seriesIndex: 0,dataIndex: null, // 取消所有高亮});// 高亮当前选中的区域myChart.dispatchAction({type: 'highlight',seriesIndex: 0,dataIndex: dataIndex,});// 显示提示框myChart.dispatchAction({type: 'showTip',seriesIndex: 0,dataIndex: dataIndex,});}}
});

http://www.xdnf.cn/news/428617.html

相关文章:

  • 物联网设备状态监控全解析:从告警参数到静默管理的深度指南-优雅草卓伊凡
  • 传输层:UDP协议
  • 网络安全-等级保护(等保) 2-3 GB/T 22240—2020《信息安全技术 网络安全等级保护定级指南》-2020-04-28发布【现行】
  • 从HTTP轮询到WebSocket:如何让体育API性能提升100倍?
  • Postgresql与openguass对比
  • hab机制
  • 【2025最新】Windows系统装VSCode搭建C/C++开发环境(附带所有安装包)
  • [Java][Leetcode middle] 55. 跳跃游戏
  • 线程的概念和控制
  • [SAP] 通过事务码Tcode获取程序名
  • Nacos源码—9.Nacos升级gRPC分析七
  • Leetcode (力扣)做题记录 hot100(49,136,169,20)
  • YOLOv1:开启实时目标检测的新篇章
  • SWMM的快速建模方法、SWMM与其他软件之间的数据转换:排水防涝、海绵城市设计等技术与二次开发
  • dockerdesktop 重新安装
  • SQL Server中delete table和truncate table删除全表数据哪个快?
  • 云手机服务器搭建
  • TCP协议中的IP地址/域名
  • 在scala中sparkSQL连接mysql并添加新数据
  • 单链表:多米诺骨牌的奇妙旅程
  • Shinkai开源程序 是一个双击安装 AI 管理器(本地和远程),它允许您使用简单的 UI 在 5 分钟或更短的时间内创建 AI 代理
  • 量化感知训练与 PyTorch 的哪些事
  • 力扣-226.翻转二叉树
  • 51c嵌入式~电路~合集27
  • 整数和浮点数转换时的精度损失
  • 拓扑排序(竞赛)
  • 按键精灵ios脚本新增元素功能助力辅助工具开发(二)
  • 春秋云镜 Time Writeup
  • 面试中被问到谈谈你对threadlocal的理解
  • 2025年5月-信息系统项目管理师高级-软考高项一般计算题