Angular2组件与Echarts饼状图交互之添加点击事件
来源:互联网 发布:苏州淘宝装修外包 编辑:程序博客网 时间:2024/05/17 08:42
参见Echarts官网:http://echarts.baidu.com/api.html#events.%E9%BC%A0%E6%A0%87%E4%BA%8B%E4%BB%B6
events.鼠标事件
鼠标事件的事件参数是事件对象的数据的各个属性,对于图表的点击事件,基本参数如下,其它图表诸如饼图可能会有部分附加参数。
鼠标事件包括
'click'
,'dblclick'
,'mousedown'
,'mouseup'
,'mouseover'
,'mouseout'
,'globalout'
,'contextmenu'
。
项目实例
以上篇博客为基础,添加饼图的click事件,代码如下:
//饼图的click事件 echarts.init(this.echart.nativeElement).on('click', function (params) { obj.state = params.data.name;//从params集合中获取考试状态state })
希望可以帮到大家,请多多指教!
阅读全文
0 0
- Angular2组件与Echarts饼状图交互之添加点击事件
- Angular2组件与Echarts饼状图交互之饼图制作
- echarts添加点击事件
- ECharts 添加点击事件
- Angular2之组件交互和数据绑定
- echarts 柱状图 如何添加点击事件
- 【Angular2】组件交互
- Angular2入门之模块与组件
- 【Angular2】组件交互异步问题
- Echarts柱状图在label上添加点击事件
- ECharts 给X轴文字添加点击事件
- echarts图表文字显示问题,给图表添加点击事件
- echarts 点击事件
- angular2之组件通讯
- angular2学习 之 组件
- echarts图表点击事件之跳转页面和加载页面
- echarts图表点击事件之跳转页面和加载页面
- iOS 与HTML5交互之捕捉HTML5按钮点击事件,获取webview上按钮的点击事件
- SpringMVC 对请求参数的设置
- 注册页面
- 堆和栈的区别
- 中位数
- java 多线程-实例数据交换器 Exchanger
- Angular2组件与Echarts饼状图交互之添加点击事件
- java集合框架上机练习题
- Common Lisp中的set和setq
- RocketMQ事务消费和顺序消费详解
- 修改U盘图标
- 进程与线程
- 删除git库中untracked files(未监控)的文件
- 2017-12-05——iOS——懒加载浅谈
- 动态规划—最大子矩阵和(两种题型)