• 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跳转页面,区域三全部跳转到您要调到的页面,整个页面刷新。
  • 相关阅读:
    OpenShift
    ant exec
    深入了解Ant构建工具 命令
    防止sql注入和跨站脚本攻击,跨站请求伪造以及一句话木马的学习记录
    Web攻防之XSS,CSRF,SQL注入(转)
    sublime text常用快捷键(转)
    fiddler使用心得记录
    python+tesseract验证码识别的一点小心得
    window脚本命令学习(转)
    python发送邮件(转)
  • 原文地址:https://www.cnblogs.com/amylis_chen/p/7402767.html
Copyright © 2020-2023  润新知