React Echarts 點擊事件

在React中用Echarts畫了一個環形圖，如下。

 

現在想要實現一個點擊事件

 

然后查詢了一下Echarts的官方文檔。http://www.echartsjs.com/api.html#events

是這樣的，

然后我是這樣做的：

 　　onclick = { 'click': this.clickEchartsPie.bind(this) } clickEchartsPie(e) { console.log(e) }
    render() {

        return (
            <div>
            <ReactEcharts
                option={this.state.echartsOptions}
                style={{ width: '100%', height: "200px", borderWidth: "1px", borderColor: "red" }}
                className={'react_for_echarts'}
                ref={node => { this.echartspie = node }}
                onEvents={this.onclick}
            />
 </div>
        );
    }

 

另一種方法：

  initChart = (res) => {
        let myChart = echarts.init(this.echartComp); //初始化echarts
        //設置options
        let chart =myChart.setOption(this.getOption(res));
        myChart.on('click', function (params) {
            console.log(params);
        });
        
        this.setState({
            chart
        })
    };