echarts图表点击事件之跳转页面和加载页面

echarts图表点击事件之跳转页面和加载页面

 下图显示四个条形图，点击条形图就跳转到其页面，这说明您要判断你点了那个条形图。

echarts给了它点击事件 写法，我们只要模仿就行，代码如下：

1. //echarts图表点击跳转

2. myChart.on('click', function (param){

3. var name=param.name;

4. if(name=="用户数"){

5. window.location.href="${base}/admin/user/list.htm";

6. }else if(name=="栏目数"){

7. window.location.href="${base}/admin/classify/list.htm";

8. }else if(name=="新闻数"){

9. window.location.href="${base}/admin/news/list.htm";

10. }else{

11. window.location.href="${base}/admin/file/list.htm";

12. }

13. });

14. myChart.on('click',eConsole);

第二个问题就是跳转页面的问题，有三种方式：

  window.location.href="${base}/admin/file/list.htm";

1. parent.location.href="${base}/admin/file/list.htm";

2. top.location.href="${base}/admin/file/list.htm";

这三个的区别用如下图解释：

使用window跳转页面，只是区域一跳转了显示您要调到的页面，其他区域发生变化；使用parent跳转页面，区域二跳转显示您要跳到的页面；使用top跳转页面，区域三全部跳转到您要调到的页面，整个页面刷新。

转载于:https://my.oschina.net/u/1417666/blog/1837983