echarts傍受折線柱図切り替えの方法

5248 ワード

モニタ画面切り替えの方法は、折れ線図とヒストグラムを切り替え、モニタ切り替えをしたい場合は、若干のパラメータを変更します.
		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の部分のカスタム方法.