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實例化的對象 
   
附帶一個 自定義圖標 自定義事件的 博客   放在這里 方便以后使用