收藏
回答

使用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
      回复
    • miloooooooooooUp
      miloooooooooooUp
      01-19回复南佳
      如何自定义tooltip 用coverview自己做一个? 获取位置 和当前信息
      01-19
      回复
    • 南佳
      南佳
      02-26回复miloooooooooooUp
      是的,我就是自定义做的tooltip,echarts的配置有一个position,使用他的回调得到坐标位置
      02-26
      回复
登录 后发表内容
问题标签