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跳转页面,区域三全部跳转到您要调到的页面,整个页面刷新。
  • 相关阅读:
    freemaker获取字符串长度
    freemarker截取字符串subString
    [转]freemarker中的list
    python常用模块——os模块
    python正则表达式
    需要区分对比的函数以及函数小结
    信道极限容量
    信道和调制
    python中颜色设置
    python中的exec()、eval()以及complie()
  • 原文地址:https://www.cnblogs.com/snowhite/p/7737574.html
Copyright © 2011-2022 走看看