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

107 阅读 0 评论 71 点赞

我是靠谱客的博主外向水壶，这篇文章主要介绍echarts中的option.legend.data has not been defined.，现在分享给大家，希望可以做个参考。

1、错误描述

2、错误原因

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
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、解决办法

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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); 
            
        });
    }