echarts监听折线柱图切换的方法

监控图例切换的方法,折线图和柱状图切换,想要监控切换时,改变些许参数。

		var option = {
     
          ...,
          toolbox: {
     
                show: true,
                feature: {
     
                    magicType: {
     type: ['bar']},
                },
            },
       	}
       	var myChart = echarts.init(document.getElementById('myChart'),'light');
       	myChart.setOption(option);
		//监控切换,让切换的图表显示隐藏
		myChart.on('magictypechanged', function (params) {
     
	        if(params.currentType == 'bar'){
     
	            myChart.setOption({
     
	                toolbox: {
     
	                    feature: {
     
	                        magicType: {
     type: ['line']},
	                    }
	                }
	            })
	        }else{
     
	            myChart.setOption({
     
	                toolbox: {
     
	                    feature: {
     
	                        magicType: {
     type: ['bar']},
	                    }
	                }
	            })
	        }
	    });
	

//自定义切换方法,柱图,饼图切换可看 我另一篇 :
echarts,toolbox自定义方法,toolbox部分自定义方法

你可能感兴趣的:(echarts,js,echarts)