React Echarts 点击事件

在React中用Echarts画了一个环形图，如下。

现在想要实现一个点击事件

然后查询了一下Echarts的官方文档。http://www.echartsjs.com/api.html#events

是这样的，

然后我是这样做的：

 　　onclick = {'click': this.clickEchartsPie.bind(this)}clickEchartsPie(e) {console.log(e)}render() {return (<div><ReactEchartsoption={this.state.echartsOptions}style={{ width: '100%', height: "200px", borderWidth: "1px", borderColor: "red" }}className={'react_for_echarts'}ref={node => { this.echartspie = node }} onEvents={this.onclick}/></div>);}

以上OK

转载于:https://www.cnblogs.com/orzzt/p/9933725.html

React Echarts 点击事件相关推荐

echarts点击事件调用模态框，模态框中存在echarts
首先看一下效果 <!DOCTYPE html> <html><head><meta charset="utf-8" /><ti ...
React 模拟点击事件
对于点击事件 imgRef.current.dispatchEvent(new MouseEvent('click', { bubbles: true })); React模拟点击事件是用的原生模拟, ...
《前端》ECharts 点击事件的 param参数--2021年1月7日
var myChart = echarts.init(document.getElementById("echarts")); myChart.on('click', functi ...
Echarts点击事件
一. 普通点击事件只有点击折线点或柱子等相应的地方才会触发click事件 myChart.on('click', function (params) {me.clickDailyChart(para ...
React Hook中点击事件传参
onTouchStart 事件 <div onTouchStart={()=>Fnstart(index)} key={index} ></div> onClick事件 ...
echarts 地图 scatter点击事件_React实现高亮可点击地图
目前越来越多的项目中开始使用地图,而对地图的需求也不仅仅是简单的纯展示,更多了各种各样的交互功能.今天这篇文章主要介绍的就react中通过Echarts实现一个高亮可点击的省市地图.接下来先看看效果图 ...
【Ant Design Pro 四】react 点击事件传参
简单的绑定点击事件传参: 点击事件 function myClick(){console.log('点击')}return (<Button onClick={myClick}>点击< ...
React 组件绑定点击事件，并且传参完整Demo
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 1.传数组下标给点击事件Demo: const A = 65 // ASCII character codec ...
echarts y轴添加点击事件_ECharts中的事件和行为
用户在操作 Echarts 的图表时会触发相应的事件,这些事件由开发者监听,然后回调函数做出相应的处理,可以弹出一个对话框.跳转到一个地址或者做数据下钻等等. ECharts 3 中绑定事件跟 Ech ...

React Echarts 点击事件

React Echarts 点击事件相关推荐

最新文章

热门文章