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

最新推荐文章于 2024-03-09 14:17:14 发布

最新推荐文章于 2024-03-09 14:17:14 发布 · 513 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个关于ECharts地图组件配置中legend属性引起的错误案例，并提供了详细的解决方案。通过去除不适用的legend属性，成功避免了配置错误，确保了地图组件能够正确展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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
},