echarts饼图放大指定数据
最近有这样一个需求,在饼图中要求指定的一块数据放大,通过查找类似文章,可以通过echart的APIechartsInstance.dispatchAction 来触发图表行为,因为是在react中引入的echarts-for-react,所以又翻找了echarts-for-react的API,可以通过绑定Ref来实现使用echarts的APIlet echarts_instance =!this.
·
最近有这样一个需求,在饼图中要求指定的一块数据放大,
通过查找类似文章,可以通过echarts的API echartsInstance.dispatchAction
来触发图表行为,
因为是在react
中引入的echarts-for-react
,所以又翻找了echarts-for-react
的API,可以通过绑定Ref
来实现使用echarts的API,以下是代码实现
更多参数参考 echarts官网
let echarts_instance =
!this.echarts_react.current && this.echarts_react.current !== null
? this.echarts_react?.getEchartsInstance()
: null; // 获取echarts的echartsInstance API
echarts_instance?.dispatchAction({ // echartsInstance下的 API
type: "highlight",
seriesIndex: 0,
dataIndex: 0
});
<ReactEcharts
option={this.getOption()}
ref={e => {
this.echarts_react = e;
}}
/>
更多推荐
已为社区贡献1条内容
所有评论(0)