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}
            />
            <ChartPieModal ref={node=>{this.simpleModal=node}}/>
            </div>
        );
    }

以上OK

猜你喜欢

转载自www.cnblogs.com/orzzt/p/9933725.html