公告列表
公告列表
收藏
回答

使用echarts，如何实现点击tooltip进入详情页？

请问如何渲染出小程序节点，绑定点击事件

回答关注问题邀请回答
收藏

1 个回答

  • 每天总是很诗意ᯤ⁶ᴳ
    每天总是很诗意ᯤ⁶ᴳ
    2020-12-14

    我来啦！

    其实很简单。

    先在js中定义个that，并在Page || Component的生命周期函数的created中将this赋给它。

    然后就是重点。

    这个formatter函数在每次点击时都会被调用，并且其可以访问到that。

    已知，在生命周期函数执行后，that指向的是this，也就是当前小程序(页面 || 组件)的实例,则这个that就可以和this一样的使用啦，调用methods || data吧！

    最后就是有个问题，，因为我也是第一次写小程序，也是第一次用echart，首先官方文档比较复杂选项很多，而且并没有说明tooltip中有formatter选项。并且点击后formatter会被调用两次，不知道为啥。

    回答有问题或有更优方案，欢迎大神指教！

    2020-12-14
    有用 1
    回复 3
    • 南佳
      南佳
      2020-12-14
      let that=this; 直接用箭头函数就好了,关键是识别不了标签,无法进行点击事件,建议用自定义tooltip吧
      2020-12-14
      赞
      回复
    • milooooooooooooooUp
      milooooooooooooooUp
      2021-01-19回复南佳
      如何自定义tooltip 用coverview自己做一个？ 获取位置 和当前信息
      2021-01-19
      赞
      回复
    • 南佳
      南佳
      2021-02-26回复milooooooooooooooUp
      是的,我就是自定义做的tooltip,echarts的配置有一个position,使用他的回调得到坐标位置
      2021-02-26
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
渲染点击事件