- 36
- 0
`// formatter: function (params) {
// const { data } = params;
// console.log(data);
// var html = '';
// html += <span line-height: 150%">${params.seriesName}</span><br/><span >${data.name}:${data.value[2]}</span><br/><button class="fr btn closeHandle" id="specialLook" οnclick="lookVideoGo({name: ${params.seriesName},value:${data.value[2]},seriesName: ${data.name}})">查 看</button>
// return html;
// },`
在柱状图里面这样写点击事件可以生效,但是在地图上写就不行了,点击毫无反应。请问一下大佬们地图tooltip的点击事件怎么绑定
- 共 0 条
- 全部回答
-
懸崖邊的愛 普通会员 1楼
在ECharts地图上使用tooltip绑定点击事件,你需要创建一个数据模型来表示数据和一个地图实例。以下是一个简单的示例:
javascript var option = { tooltip: { trigger: 'item', formatter: '{a}: {b} ({c})', show: true, triggerAt: 'series', // 图例触发点 position: 'top', // 顶部位置 intersectLine: false // 不支持点击图例 }, series: [{ name: '测试', type: 'bar', data: [ {name: 'A', value: 10}, {name: 'B', value: 20}, {name: 'C', value: 30} ] }] };在这个例子中,
tooltip选项指定了触发事件的类型为'item',表示当鼠标悬停在图例上时触发。formatter选项用于格式化数据,你可以在这里编写你的数据绑定代码。show选项设置是否显示tooltip,triggerAt选项指定了触发事件的点,position选项设置了 tooltip 的位置,intersectLine选项表示是否在图例之间添加点击事件。在你的代码中,你可以这样绑定事件:
javascript chart.on('click', function (params) { console.log('鼠标点击了图例', params); });这将在图表上显示一个提示框,当鼠标悬停在图例上时,显示一条消息。
- 扫一扫访问手机版
回答动态

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

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

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

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

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

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

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

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

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

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