ECharts中的事件和行为(利用JS事件获取Echarts中的某个属性值,实现Echarts的两图联动效果)

问题引入:

上几天项目中的某个需求是:当点击省份时触发Js的Click事件,调用Ajax异步请求饼状图实现联动效果,下面是效果图.

解决思路:

1.首先我第一时间想到的是去查看Echarts的官方文档 :

官方文档地址:http://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA

2. 从官方文档中查阅出对我有帮助的地方,截图如下:

最终解决:

于是我将我的前端页面修改如下:

这样就实现了两图联动效果(当然后台代码没有在此展示)

总结:

myChart1.on('click', function (params) {
"这里为你要处理的逻辑业务代码,取值是使用params.xxxx调用某个属性"
});