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

echarts中的option.legend.data has not been defined.的更多相关文章

  1. echarts中关于自定义legend图例文字

    formatter有两种形式: - 模板 - 回调函数 模板 使用字符串模板,模板变量为图例名称 {name} formatter: 'Legend {name}' 回调函数 formatter: f ...

  2. echarts中饼图的legend自定义icon图片(扇形为例)

    效果图: 代码: 问题:// icon: "pin", // 这个字段控制形状 类型包括 circle,rect ,roundRect,triangle,diamond,pin,a ...

  3. echarts中显示效果option中必有的属性

    写一个最简单的效果让option中不可缺少的属性. var option = { xAxis:[ //x轴,数组对象,其下至少有一个对象 {.....} ], yAxis:[//y轴,数组对象,其下可 ...

  4. 关于this、Echarts中的data

    this是指当前对象 移除class的jQuery代码:$('ur.nav li:eq(0)').removeClass('active') 添加class的jQuery代码:$('ur.nav li ...

  5. Echarts后台封装option对象

    该方法返回的keyword指向了前台负责图表显示的jsp页面 public String keyword() { if(this.dateNum == null || this.dateNum.equ ...

  6. Echarts使用一个图例legend实现全选和全部取消的功能

    1.修改legend的data值,在前面加上全选和全不选,data = ['全选','全不选',1,2,3] 2.监听 legendselectchanged事件 / 使用刚指定的配置项和数据显示图表 ...

  7. Echarts中Option属性设置

    目录 一.title--标题组件 二.legend--图例组件 三.tooltip--提示框组件 四.grid--可用于调整图例在整个容器中的占位 五.xAxis--x 轴 六.yAxis-y 轴 七 ...

  8. 百度ECHARTS 饼图使用心得 处理data属性

    做过CRM系统的童鞋应该都或多或少接触过hicharts或者echarts等数据统计插件.用过这两款,个人感觉echarts的画面更好看.至于功能,只有适合自己的才是最好的. 今天来说说我使用echa ...

  9. ECharts SSH+JQueryAjax+Json+JSP将数据库中数据填充到ECharts中

    本文引用自:http://blog.csdn.net/ArcticFoxHan/article/details/38071641   1.导入包,搭建SSH框架 导入Jquery的JS包,<sc ...

随机推荐

  1. 节点操作,节点属性的操作及DOM event事件

    ##1. 节点操作 createElement(标签名) 创建一个指定名称的元素 someone.appendChild(new_node) 追加一个子节点(作为最后的子节点) someone.ins ...

  2. c#控制WPF程序自动登录(Automation方式实现)

    说明:winForm窗体,可以通过win32接口dll的findWindow之类的函数来实现查找winform窗口,mfc窗口等. 但是wpf却是不实用这些,可以靠automation方式来进行操作. ...

  3. POJ 3537 Crosses and Crosses [Multi-SG]

    传送门 我也不知道为什么枚举vis必须加上一个边界才能A 以后还是都加上吧 #include <iostream> #include <cstdio> #include < ...

  4. BZOJ 2754: [SCOI2012]喵星球上的点名 [后缀数组+暴力]

    2754: [SCOI2012]喵星球上的点名 Time Limit: 20 Sec  Memory Limit: 128 MBSubmit: 1906  Solved: 839[Submit][St ...

  5. POJ 3525 Most Distant Point from the Sea [半平面交 二分]

    Most Distant Point from the Sea Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 5153   ...

  6. 小甲鱼OD学习第3讲

    这次我们的任务是破解这个过期的软件,效果如图所示 我们通过阅读代码,知道这个程序的执行流程如图中注释所示 观看下图注释所示 这是失败的提示代码 这是成功的提示代码 最后我们可以得出结论,成功破解软件的 ...

  7. Lua利用cjson读写json

    前言 本文结合本人的实际使用经验和代码示例,介绍如何在Lua中对json进行encode和decode.我这里采用的是Lua CJson库,是一个高性能的JSON解析器和编码器,其性能比纯Lua库要高 ...

  8. mysql 密码过期问题

    问题描述: Your password has expired. To log in you must change it using a client that supports expired p ...

  9. Docker安装Jenkins

    1.下载镜像 docker pull jenkins 2.生成一个容器 docker run -d --name myjenkins -p 8081:8080 -p 50000:50000  --vo ...

  10. Java集合框架(三)—— List、ArrayList、Vector、Stack

    List接口 List集合代表一个有序集合,集合中每一个元素都有其对应的顺序索引.List集合容许使用重复元素,可以通过索引来访问指定位置的集合对象. ArrayList和Vector实现类 Arra ...