hustcc / echarts-for-react

⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。
https://git.hust.cc/echarts-for-react
MIT License
4.56k stars 633 forks source link

树图click多次响应 #163

Closed leftluoyi closed 6 years ago

leftluoyi commented 6 years ago

建立了一个树图,如下所示。当点击某个点的时候,会触发多次onClick事件,而且按照事件触发次数一次增多。比如第一次点击触发17次,第二次点击触发34次,第三次点击触发81次,以此类推。

  const option = {
    tooltip: {
      trigger: 'item',
      triggerOn: 'mousemove'
    },
    series: [
      {
        type: 'tree',
        dataZoom: [
          {
            show: true
          }
        ],
        data: [data],
        top: '1%',
        left: '12%',
        bottom: '1%',
        right: '2%',

        symbolSize: 15,

        label: {
          normal: {
            position: 'left',
            verticalAlign: 'middle',
            align: 'right',
            fontSize: 9
          }
        },

        leaves: {
          label: {
            normal: {
              position: 'right',
              verticalAlign: 'middle',
              align: 'left'
            }
          }
        },

        expandAndCollapse: true,
        animationDuration: 550,
        animationDurationUpdate: 750
      }
    ]
  }

  const onClick = (e) => {
    console.log(e)
  }

  return(
    <div>
      <ReactEcharts
        option={option}
        notMerge={true}
        lazyUpdate={true}
        onEvents={{
          'click': onClick
        }}
      />
    </div>
hustcc commented 6 years ago

请升级 echarts-for-react 至最新版本。#155

leftluoyi commented 6 years ago

问题解决

Fiseast commented 4 years ago

我也碰到这个问题,页面会刷新3次,请问是怎么解决的