前言:技术栈(React),相关版本号:(echarts-for-react → ^2.0.8;echarts – ^4.1.0)
正文:在React框架中使用ReactEcharts,并配置点击事件,获取点击节点,进行后续操作
代码:
import React from 'react';
import ReactEcharts from 'echarts-for-react';
import * as echarts from 'echarts';
export default function demo(){
let onEvents = {
click:params => {
// params 包含点击的节点属性,比如name,data等数据,可根据获取到的数据进行后续操作
}
}
return (
<ReactEcharts
option={option}
notMerge
lazyUpdate
onEvents={onEvents}
/>
);
}