账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    echarts 地图上的tooltip怎么绑定点击事件呀?
    • 2020-01-01 00:00
    • 11
    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
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 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); });

      这将在图表上显示一个提示框,当鼠标悬停在图例上时,显示一条消息。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部