react + echarts 点击事件

根据官网示例，点击事件只有在html中的例子，具体做法如下：

先定义echarts所在的节点，创建echarts节点，添加点击事件。

<script src="echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>
<script>
    var myChart = echarts.init(document.getElementById('main'));
    myChart.on('click', function (params) {
        myChart.setOption(option);
    });
</script>

但是用相似的方法在react中不是很管用，阅读官方文档之后，发现一个办法

import ReactEcharts from 'echarts-for-react';

let onclick = {
   'click': (e) => {console.log(e)}
}
<ReactEcharts
    ref = {chartRef}
    option={option}
    notMerge={true}
    lazyUpdate={false}
    style={{width: '100%',height:'100%'}}
    onEvents={onclick}
/>

echarts的event信息如下，更方便我们做处理