reactCharts动态切换图表,数据不更新的问题

场景和问题:点击事件触发不了,或需要触发2次才能切换成功图表

1.拿到chart的ref
const [chartInfo,setChartInfo] = useState[null]
 setChartInfo(e)} option={option}>

2. 在你的点击事件里做操作
const onChangeChart = (e) => {
if (e.target.value === '1') {
const optOne = {‘你的echart配置’}
chartInfo.getEchartsInstance().setOption(optOne);
} else {
const optTwo = {‘你的echart配置’}
chartInfo.getEchartsInstance().setOption(optTwo);
}
}

你可能感兴趣的:(reactCharts动态切换图表,数据不更新的问题)