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. Installing VirtualBox

    The (VirtualBox) website has a lot of quality documentation including: End-user documentation Techni ...

  2. JavaScript之惰性函数

    前不久看到javascript的性能优化的这里,有关惰性函数 假如同一个函数有许多判断来检测函数,而我们每一次调用,都会判断检测函数 例如: function addEvent (type, elem ...

  3. java导入项目有红色叹号

    原因:缺少jar包 解决:         选中项目  ->  右键  -> Build Path  -> Configer Builder Path  ->  删除掉有错的J ...

  4. BZOJ 1935: [Shoi2007]Tree 园丁的烦恼 [树状数组 离线 离散化]

    传送门 刚才我还在郁闷网上怎么没人用$CDQ$分治做 突然发现根本没有时间序.... #include<iostream> #include<cstdio> #include& ...

  5. 浅析Xilinx 三速以太网MAC IP核

    之前在使用Altera的三速以太网MAC IP的基础上,完成了UDP协议数据传输.此次为了将设计移植到xilinx FPGA上,需要用到xilinx的三速以太网MAC IP核,当然也可以自己用HDL编 ...

  6. [Python爬虫] Selenium爬取新浪微博客户端用户信息、热点话题及评论 (上)

    转载自:http://blog.csdn.net/eastmount/article/details/51231852 一. 文章介绍 源码下载地址:http://download.csdn.net/ ...

  7. C#写鞍点问题

    题目: 编写程序,找一找一个二维数组中的鞍点(即该位置上的元素值在行中最大,在列上最小.有可能数组没有鞍点). 要求 * 二维数组的大小.数组元素的值在运行时输入: * 程序有友好的提示信息 usin ...

  8. 让js调试更简单—console

    一.显示信息的命令 console.log 用于输出普通信息 console.info 用于输出提示性信息 console.error用于输出错误信息 console.warn用于输出警示信息 最常用 ...

  9. 开启MySQL远程访问权限 允许远程连接

    1.登陆mysql数据库 mysql -u root -p 查看user表 mysql> use mysql;Database changedmysql> select host,user ...

  10. LNMP搭建02 -- 编译安装Nginx

    [编译安装Nginx]   为了顺利安装Nginx,先安装下面这些: [CentOS 编译 nginx 前要做的事情] yum install gcc gcc-c++ kernel-devel yum ...