echarts图表点击事件之跳转页面和加载页面
2016-05-20 18:56
531 查看
echarts图表点击事件之跳转页面和加载页面
下图显示四个条形图,点击条形图就跳转到其页面,这说明您要判断你点了那个条形图。echarts给了它点击事件 写法,我们只要模仿就行,代码如下:
//echarts图表点击跳转 myChart.on('click', function (param){ var name=param.name; if(name=="用户数"){ window.location.href="${base}/admin/user/list.htm"; }else if(name=="栏目数"){ window.location.href="${base}/admin/classify/list.htm"; }else if(name=="新闻数"){ window.location.href="${base}/admin/news/list.htm"; }else{ window.location.href="${base}/admin/file/list.htm"; } }); myChart.on('click',eConsole);第二个问题就是跳转页面的问题,有三种方式:
window.location.href="${base}/admin/file/list.htm";
parent.location.href="${base}/admin/file/list.htm"; top.location.href="${base}/admin/file/list.htm";
这三个的区别用如下图解释:
使用window跳转页面,只是区域一跳转了显示您要调到的页面,其他区域发生变化;使用parent跳转页面,区域二跳转显示您要跳到的页面;使用top跳转页面,区域三全部跳转到您要调到的页面,整个页面刷新。
相关文章推荐
- 多线程递归拷贝多层目录文件
- 运算符重载实例
- 苹果通知开发者 iAd 广告平台即将关闭,API 将停用
- 课堂测试-找水王
- zookeeper
- jQuery实现通知自动消失
- 【bzoj4603】【SDOI2016】【平凡的骰子】【计算几何】
- 如何使用iAd在应用程序中展示Banner广告
- 充电桩解决方案-计费控制单元
- 2. Add Two Numbers(Linked List)
- 剑指Offer——求1-n的和值
- Android 第一次接触Matrix
- 在Windows下搭建C++11 编译环境(附下载,包括mingw-build,TDM-GCC, nuwen MinGW Distro)
- 简单视频播放软件设计
- Man——send(2)翻译
- Eclipse 4.4(luna) 安装fatjar插件时报错的问题
- sixth-多视图应用
- EventBus的使用与深入学习
- 理解A*寻路算法具体过程
- lamp (module) 部署应用