react实现柱状图点击阴影  react echarts阴影点击 react实现柱状图点击阴影 react echarts阴影点击

react实现柱状图点击阴影 react echarts阴影点击

render(){

return(
<div>
<EchartsReact option={option} ref={(e) => {
this.echartsReactRef = e;//chu
}} style={{height:2+"rem",width:'100%'}}/>
</div>
)

}

componentDidMount() {
this.echartsInstance = this.echartsReactRef.getEchartsInstance();
this.zr = this.echartsInstance.getZr();

this.zr.on('click', (...rest) => {
var pointInPixel= [rest.offsetX, rest.offsetY];
var xIndex=this.echartsInstance.convertFromPixel({seriesIndex:0},[rest[0].offsetX, rest[0].offsetY]);
var index=parseInt(xIndex);
console.log(index);
console.log('App:onClickChart', rest);
});
}

分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论