当前位置:   article > 正文

eCharts饼图,可以点击数据,又可以点击空白部分_getzr().on

getzr().on

   myChart.getZr().on('click')这个方法是获取全部画布的点击

    myChart.on('click')这个方法是获取饼图数据的点击

  1. //myChart.getZr().on('click')这个方法是获取全部画布的点击
  2. myChart.getZr().on('click',(params) => {
  3. // 如果是空白画布params.target==undefined
  4. if(!!params.target == false){
  5. // console.log('params.target',params.target)
  6. // this.queryRestartInfoList()
  7. this.tableResultlist = this.pieData
  8. }else{
  9. //这一部分是非空白部分的点击事件,可以使用,但是因为echarts的点击事件要调用很多次
  10. //所以必须在myChart.getZr().on之前加上myChart.getZr().off(click)
  11. //如果加上myChart.getZr().off(click) 下面 myChart.on('click', this.econsole)就会失效
  12. //无法在饼图点击
  13. myChart.on('click', this.econsole)
  14. }
  15. })
  1. // 可以把myChart.on('click')改为 myChart.on('mousedown', this.econsole)
  2. // 这样就不会有两个click 点击事件依旧可以实现
  3. myChart.on('mousedown', this.econsole)
  4. // myChart.getZr().off('click')防止多次刷新
  5. myChart.getZr().off('click')
  6. myChart.getZr().on('click',(params) => {
  7. if(!!params.target == false){
  8. this.tableResultlist = this.pieData
  9. }
  10. })

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/549719
推荐阅读
相关标签
  

闽ICP备14008679号