echarts图表点击事件之跳转页面和加载页面
来源:互联网 发布:scp基金会知乎 编辑:程序博客网 时间:2024/05/20 08:42
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跳转页面,区域三全部跳转到您要调到的页面,整个页面刷新。
阅读全文
0 0
- echarts图表点击事件之跳转页面和加载页面
- echarts图表点击事件之跳转页面和加载页面
- 页面回车事件点击跳转
- ECharts图表组件之简单关系图:如何轻松实现另类站点地图且扩展节点属性实现点击节点页面跳转
- ECharts图表组件之简单关系图:如何轻松实现另类站点地图且扩展节点属性实现点击节点页面跳转
- echarts 图表展示 练习一 (基础页面加载数据)
- angular先加载页面再执行事件,特别在动态生成id,然后做echarts等图表
- echarts 取消图例上的点击事件和图表上鼠标滑过点击事件
- 【echarts】绘制带有点击事件的图表
- 跳转其他页面方式,点击事件跳转的
- 资源加载和页面事件
- 点击按钮页面跳转
- 点击日历跳转页面
- 点击按钮跳转页面
- 移动web 页面显示echarts图表
- echarts图表文字显示问题,给图表添加点击事件
- 新增Activity、页面传值跳转和点击按钮触发事件『Android系列九』
- IOS-iframe 嵌套某一个页面,点击跳转下一个页面不能操作页面中的任何事件
- config
- 为了保证页面输出安全,我们经常需要对一些特殊的字符进行转义,请写一个函数escapeHtml,将<, >, &, “进行转义
- 「Python」python读写csv文件并增加行列
- mui 上拉加载/下拉刷新异常 双滚动条异常
- C++11:强类型枚举
- echarts图表点击事件之跳转页面和加载页面
- 常用快捷键——Webstorm——IDEA
- git操作概述
- 基于要素(标题、父、类型、进程、控件id)获取windows窗口
- 构造器的调用顺序
- 序sort
- ME
- Spider_BUG
- 第三方登入的分析文档