最近有这样一个需求,在饼图中要求指定的一块数据放大,
在这里插入图片描述
通过查找类似文章,可以通过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;
        }}
        
      />
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐