1. 程式人生 > >echarts中的option.legend.data has not been defined.

echarts中的option.legend.data has not been defined.

1、錯誤描述



2、錯誤原因

var map = function(mapData){
		require(
        [
            'echarts',
            'echarts/chart/map'
        ],
        function (ec) {            
            var mapChart = ec.init(document.getElementById('mapDataChart')); 
           
            var option = {
            		title : {
            	        text: '',
            	        x : 'center',
	        	        y : 'top'
            	    },
        	        tooltip : {
        	            trigger: 'item',
        	            formatter: '{a}<br/>{b}:{c}個'
        	        },
        	        legend : {
        	        	show:true
        	        },
        	        dataRange: {
        	            min: 0,
        	            max: 1000,
        	            calculable : true
        	        },
        	        series : [
        	                  {
        	                      name: '',
        	                      type: 'map',
        	                      mapType: 'china',
        	                      data:mapData,
        	                      showLegendSymbol:true
        	                  }
        	              ],
        	              animation: true
        	    };
            
            // 為echarts物件載入資料 
            mapChart .setOption(option); 
            
        });
    }
    由於echarts中的map沒有legend屬性,導致報錯

3、解決辦法

var map = function(mapData){
		require(
        [
            'echarts',
            'echarts/chart/map'
        ],
        function (ec) {            
            var mapChart = ec.init(document.getElementById('mapDataChart')); 
           
            var option = {
            		title : {
            	        text: '',
            	        x : 'center',
	        	        y : 'top'
            	    },
        	        tooltip : {
        	            trigger: 'item',
        	            formatter: '{a}<br/>{b}:{c}個'
        	        },
        	        
        	        dataRange: {
        	            min: 0,
        	            max: 1000,
        	            calculable : true
        	        },
        	        series : [
        	                  {
        	                      name: '',
        	                      type: 'map',
        	                      mapType: 'china',
        	                      data:mapData,
        	                      showLegendSymbol:true
        	                  }
        	              ],
        	              animation: true
        	    };
            
            // 為echarts物件載入資料 
            mapChart .setOption(option); 
            
        });
    }
    去掉 

legend : {
               show:true
               },