单击Echart饼图实现数据钻取
使用场景和需求:
第一层饼图显示党员党龄分布的情况。

点击某个党龄段,查看拥有该党龄段的党支部。

默认显示3个党支部,余下的党支部合并为其它,点击其它,查看余下的党支部。

点击某个党支部,返回第一层饼图。
技术原理:
依靠Echart 点击事件的绑定,通过获取不同的参数向.net后端发送请求获取不同的数据,再将数据重新加载到Echart饼图中。
步骤概述:
1、初始Echart图表


2、在页面中定义函数,向.net后端发送请求获取数据。
加载第一层饼图的数据,同时绑定点击事件

响应点击事件的函数

请求发送成功后,将数据加载到饼图中

3、在后端定义方法,对请求进行响应和判断。
响应获取第一层饼图数据的请求。



响应Echart单击的数据请求


获取前maxShow个党支部,余下的合并为其它

返回数据给页面

posted on 2016-12-13 17:04 sillypasserby 阅读(5546) 评论(0) 收藏 举报
浙公网安备 33010602011771号