zoukankan      html  css  js  c++  java
  • echart-图标 取消点击事件,增加点击事件

    最近再改公司的后台系统,用到了图标功能

    echart默认 有 点击 展示 隐藏的功能

     现在 的需求是 取消这个功能

      解决办法:

     legend: {
    		        //data: ['已付金额', '未付金额'],
    		        data:[
    		        	{
    		        		name:"已付金额",
    		        	},
    		        	{
    		        		name:"未付金额",
    		        	},
    		        ],
    			selectedMode:false,//取消图例上的点击事件
    		        align: 'left',
    		        left: 30
    		    },
    

      2.增加点击功能

    echart中 通过legendselectchanged 来监听点击事件,原生的事件是 点击隐藏或者显示,在这里通过判别parama中的值,来进行一些功能的添加 

         myChartt.on('legendselectchanged', function (params) {
                    console.log(params.selected)
           
                 if(!params.selected['未付金额']){
                     optiont.series[2].data=[]
                     myChartt.setOption(optiont);//这个是 局部更新数据
                 }else{
                     optiont.series[2].data=data3
                     myChartt.setOption(optiont);
                 }
                });
    myChartt是 echart实例化的对象 

    附带一个 自定义图标 自定义事件的 博客 放在这里 方便以后使用
  • 相关阅读:
    Java EE javax.servlet中的ServletContext接口
    Java EE javax.servlet中的ServletConfig接口
    MD5加密工具
    redis常见数据操作
    Java文件上传与下载
    JSP技术
    spring集成swagger
    freemarker模板引擎的使用
    log4j生成日志
    Java自定义注解
  • 原文地址:https://www.cnblogs.com/GoTing/p/11077448.html
Copyright © 2011-2022 走看看