zoukankan      html  css  js  c++  java
  • echarts图表点击事件之跳转页面和加载页面

    下图显示四个条形图,点击条形图就跳转到其页面,这说明您要判断你点了那个条形图。
    echarts给了它点击事件 写法,我们只要模仿就行,代码如下:
    [javascript] view plain copy
     
    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);  
    第二个问题就是跳转页面的问题,有三种方式:
    [javascript] view plain copy
     
    1. window.location.href="${base}/admin/file/list.htm";  
    [javascript] view plain copy
     
    1. parent.location.href="${base}/admin/file/list.htm";  
    2. top.location.href="${base}/admin/file/list.htm";  

    这三个的区别用如下图解释:
    使用window跳转页面,只是区域一跳转了显示您要调到的页面,其他区域发生变化;使用parent跳转页面,区域二跳转显示您要跳到的页面;使用top跳转页面,区域三全部跳转到您要调到的页面,整个页面刷新。
  • 相关阅读:
    Linq 中 表连接查询
    Html Div 拖拽
    持续集成:TestNG中case之间的关系
    测试技术培训:如何测试磁盘写的速度
    POPTEST 测试开发 免费培训课程报名
    接上文 下面是一段示例代码
    老李分享:android手机测试之适配(1)
    (转)POPTEST创始人李爱然:谢谢,帮助我的朋友!!!!
    性能调优之SQL优化
    大数据测试之Hadoop的基本概念
  • 原文地址:https://www.cnblogs.com/amylis_chen/p/7402767.html
Copyright © 2011-2022 走看看