echarts报错Cannot read property 'features' of undefined
引入地图的时候
echarts2报错：
Uncaught Error: [MODULE_MISS]"echarts/src/util/mapData/params" is not exists!
原因不明，但是感觉和缺js文件有关（因为echarts3报错就是因为缺少了world.js）
echarts3报错：
Uncaught TypeError: Cannot read property 'features' of undefined
原因如下：缺少world.js，然后成功：
完成以上功能的代码如下：
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>世界地图-ECharts</title>
<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../js/tld/echarts3.min.js"></script>
<script type="text/javascript" src="../js/tld/world.echarts.js"></script>
</head> <body> <div id="main" style="width:100%;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据
var option = {
title: {
text: 'World Population (2010)',
subtext: 'from United Nations, Total population, both sexes combined, as of 1 July (thousands)',
sublink: 'http://esa.un.org/wpp/Excel-Data/population.htm',
left: 'center',
top: 'top'
},
tooltip: {
trigger: 'item',
formatter: function(params) {
var value = (params.value + '').split('.');
value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') +
'.' + value[1];
return params.seriesName + '<br/>' + params.name + ' : ' + value;
}
},
toolbox: {
show: true,
orient: 'vertical',
left: 'right',
top: 'center',
feature: {
dataView: {
readOnly: false
},
restore: {},
saveAsImage: {}
}
},
visualMap: {
min: 0,
max: 1000000,
text: ['High', 'Low'],
realtime: false,
calculable: true,
color: ['orangered', 'yellow', 'lightskyblue']
},
series: [{
name: 'World Population (2010)',
type: 'map',
mapType: 'world',
roam: true,
itemStyle: {
emphasis: {
label: {
show: true
}
}
},
data: [{
name: 'Afghanistan',
value: 28397.812
}, {
name: 'Angola',
value: 19549.124
}, {
name: 'Albania',
value: 3150.143
}, {
name: 'United Arab Emirates',
value: 8441.537
}, {
name: 'Argentina',
value: 40374.224
}, {
name: 'Armenia',
value: 2963.496
}, {
name: 'French Southern and Antarctic Lands',
value: 268.065
}, {
name: 'Australia',
value: 22404.488
}, {
name: 'Austria',
value: 8401.924
}, {
name: 'Azerbaijan',
value: 9094.718
}, {
name: 'Burundi',
value: 9232.753
}, {
name: 'Belgium',
value: 10941.288
}, {
name: 'Benin',
value: 9509.798
}, {
name: 'Burkina Faso',
value: 15540.284
}, {
name: 'Bangladesh',
value: 151125.475
}, {
name: 'Bulgaria',
value: 7389.175
}, {
name: 'The Bahamas',
value: 66402.316
}, {
name: 'Bosnia and Herzegovina',
value: 3845.929
}, {
name: 'Belarus',
value: 9491.07
}, {
name: 'Belize',
value: 308.595
}, {
name: 'Bermuda',
value: 64.951
}, {
name: 'Bolivia',
value: 716.939
}, {
name: 'Brazil',
value: 195210.154
}, {
name: 'Brunei',
value: 27.223
}, {
name: 'Bhutan',
value: 716.939
}, {
name: 'Botswana',
value: 1969.341
}, {
name: 'Central African Republic',
value: 4349.921
}, {
name: 'Canada',
value: 34126.24
}, {
name: 'Switzerland',
value: 7830.534
}, {
name: 'Chile',
value: 17150.76
}, {
name: 'China',
value: 1359821.465
}, {
name: 'Ivory Coast',
value: 60508.978
}, {
name: 'Cameroon',
value: 20624.343
}, {
name: 'Democratic Republic of the Congo',
value: 62191.161
}, {
name: 'Republic of the Congo',
value: 3573.024
}, {
name: 'Colombia',
value: 46444.798
}, {
name: 'Costa Rica',
value: 4669.685
}, {
name: 'Cuba',
value: 11281.768
}, {
name: 'Northern Cyprus',
value: 1.468
}, {
name: 'Cyprus',
value: 1103.685
}, {
name: 'Czech Republic',
value: 10553.701
}, {
name: 'Germany',
value: 83017.404
}, {
name: 'Djibouti',
value: 834.036
}, {
name: 'Denmark',
value: 5550.959
}, {
name: 'Dominican Republic',
value: 10016.797
}, {
name: 'Algeria',
value: 37062.82
}, {
name: 'Ecuador',
value: 15001.072
}, {
name: 'Egypt',
value: 78075.705
}, {
name: 'Eritrea',
value: 5741.159
}, {
name: 'Spain',
value: 46182.038
}, {
name: 'Estonia',
value: 1298.533
}, {
name: 'Ethiopia',
value: 87095.281
}, {
name: 'Finland',
value: 5367.693
}, {
name: 'Fiji',
value: 860.559
}, {
name: 'Falkland Islands',
value: 49.581
}, {
name: 'France',
value: 63230.866
}, {
name: 'Gabon',
value: 1556.222
}, {
name: 'United Kingdom',
value: 62066.35
}, {
name: 'Georgia',
value: 4388.674
}, {
name: 'Ghana',
value: 24262.901
}, {
name: 'Guinea',
value: 10876.033
}, {
name: 'Gambia',
value: 1680.64
}, {
name: 'Guinea Bissau',
value: 10876.033
}, {
name: 'Equatorial Guinea',
value: 696.167
}, {
name: 'Greece',
value: 11109.999
}, {
name: 'Greenland',
value: 56.546
}, {
name: 'Guatemala',
value: 14341.576
}, {
name: 'French Guiana',
value: 231.169
}, {
name: 'Guyana',
value: 786.126
}, {
name: 'Honduras',
value: 7621.204
}, {
name: 'Croatia',
value: 4338.027
}, {
name: 'Haiti',
value: 9896.4
}, {
name: 'Hungary',
value: 10014.633
}, {
name: 'Indonesia',
value: 240676.485
}, {
name: 'India',
value: 1205624.648
}, {
name: 'Ireland',
value: 4467.561
}, {
name: 'Iran',
value: 240676.485
}, {
name: 'Iraq',
value: 30962.38
}, {
name: 'Iceland',
value: 318.042
}, {
name: 'Israel',
value: 7420.368
}, {
name: 'Italy',
value: 60508.978
}, {
name: 'Jamaica',
value: 2741.485
}, {
name: 'Jordan',
value: 6454.554
}, {
name: 'Japan',
value: 127352.833
}, {
name: 'Kazakhstan',
value: 15921.127
}, {
name: 'Kenya',
value: 40909.194
}, {
name: 'Kyrgyzstan',
value: 5334.223
}, {
name: 'Cambodia',
value: 14364.931
}, {
name: 'South Korea',
value: 51452.352
}, {
name: 'Kosovo',
value: 97.743
}, {
name: 'Kuwait',
value: 2991.58
}, {
name: 'Laos',
value: 6395.713
}, {
name: 'Lebanon',
value: 4341.092
}, {
name: 'Liberia',
value: 3957.99
}, {
name: 'Libya',
value: 6040.612
}, {
name: 'Sri Lanka',
value: 20758.779
}, {
name: 'Lesotho',
value: 2008.921
}, {
name: 'Lithuania',
value: 3068.457
}, {
name: 'Luxembourg',
value: 507.885
}, {
name: 'Latvia',
value: 2090.519
}, {
name: 'Morocco',
value: 31642.36
}, {
name: 'Moldova',
value: 103.619
}, {
name: 'Madagascar',
value: 21079.532
}, {
name: 'Mexico',
value: 117886.404
}, {
name: 'Macedonia',
value: 507.885
}, {
name: 'Mali',
value: 13985.961
}, {
name: 'Myanmar',
value: 51931.231
}, {
name: 'Montenegro',
value: 620.078
}, {
name: 'Mongolia',
value: 2712.738
}, {
name: 'Mozambique',
value: 23967.265
}, {
name: 'Mauritania',
value: 3609.42
}, {
name: 'Malawi',
value: 15013.694
}, {
name: 'Malaysia',
value: 28275.835
}, {
name: 'Namibia',
value: 2178.967
}, {
name: 'New Caledonia',
value: 246.379
}, {
name: 'Niger',
value: 15893.746
}, {
name: 'Nigeria',
value: 159707.78
}, {
name: 'Nicaragua',
value: 5822.209
}, {
name: 'Netherlands',
value: 16615.243
}, {
name: 'Norway',
value: 4891.251
}, {
name: 'Nepal',
value: 26846.016
}, {
name: 'New Zealand',
value: 4368.136
}, {
name: 'Oman',
value: 2802.768
}, {
name: 'Pakistan',
value: 173149.306
}, {
name: 'Panama',
value: 3678.128
}, {
name: 'Peru',
value: 29262.83
}, {
name: 'Philippines',
value: 93444.322
}, {
name: 'Papua New Guinea',
value: 6858.945
}, {
name: 'Poland',
value: 38198.754
}, {
name: 'Puerto Rico',
value: 3709.671
}, {
name: 'North Korea',
value: 1.468
}, {
name: 'Portugal',
value: 10589.792
}, {
name: 'Paraguay',
value: 6459.721
}, {
name: 'Qatar',
value: 1749.713
}, {
name: 'Romania',
value: 21861.476
}, {
name: 'Russia',
value: 21861.476
}, {
name: 'Rwanda',
value: 10836.732
}, {
name: 'Western Sahara',
value: 514.648
}, {
name: 'Saudi Arabia',
value: 27258.387
}, {
name: 'Sudan',
value: 35652.002
}, {
name: 'South Sudan',
value: 9940.929
}, {
name: 'Senegal',
value: 12950.564
}, {
name: 'Solomon Islands',
value: 526.447
}, {
name: 'Sierra Leone',
value: 5751.976
}, {
name: 'El Salvador',
value: 6218.195
}, {
name: 'Somaliland',
value: 9636.173
}, {
name: 'Somalia',
value: 9636.173
}, {
name: 'Republic of Serbia',
value: 3573.024
}, {
name: 'Suriname',
value: 524.96
}, {
name: 'Slovakia',
value: 5433.437
}, {
name: 'Slovenia',
value: 2054.232
}, {
name: 'Sweden',
value: 9382.297
}, {
name: 'Swaziland',
value: 1193.148
}, {
name: 'Syria',
value: 7830.534
}, {
name: 'Chad',
value: 11720.781
}, {
name: 'Togo',
value: 6306.014
}, {
name: 'Thailand',
value: 66402.316
}, {
name: 'Tajikistan',
value: 7627.326
}, {
name: 'Turkmenistan',
value: 5041.995
}, {
name: 'East Timor',
value: 10016.797
}, {
name: 'Trinidad and Tobago',
value: 1328.095
}, {
name: 'Tunisia',
value: 10631.83
}, {
name: 'Turkey',
value: 72137.546
}, {
name: 'United Republic of Tanzania',
value: 44973.33
}, {
name: 'Uganda',
value: 33987.213
}, {
name: 'Ukraine',
value: 46050.22
}, {
name: 'Uruguay',
value: 3371.982
}, {
name: 'United States of America',
value: 312247.116
}, {
name: 'Uzbekistan',
value: 27769.27
}, {
name: 'Venezuela',
value: 236.299
}, {
name: 'Vietnam',
value: 89047.397
}, {
name: 'Vanuatu',
value: 236.299
}, {
name: 'West Bank',
value: 13.565
}, {
name: 'Yemen',
value: 22763.008
}, {
name: 'South Africa',
value: 51452.352
}, {
name: 'Zambia',
value: 13216.985
}, {
name: 'Zimbabwe',
value: 13076.978
}]
}]
}; // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body> </html>
echarts报错Cannot read property 'features' of undefined的更多相关文章
- 小程序 for循环 报错 Cannot read property 'total' of undefined
for循环一直报错 Cannot read property 'total' of undefined,但total在起初是有定义的,后来找到了问题,是i<=的问题,改为<不报错了. i ...
- datatables 多一列报错Cannot read property 'sWidth' of undefined(…)/少一列报错Cannot read property 'style' of undefined(…)
datatables 多一列报错Cannot read property 'sWidth' of undefined(…)/少一列报错Cannot read property 'style' of u ...
- vue.config.js报错cannot set property "preserveWhitespace" of undefined
vue.config.js报错cannot set property "preserveWhitespace" of undefined 最近在项目中配置webpack,由于vue ...
- vue项目中使用echarts map报错Cannot read property 'push' of undefined nanhai.js
在vue中绘制地图需要加载一个本地china.json文件,我用的是get请求的方法加载的,而不是直接import,因为我怕import请求到的部署到线上的时候会有问题.如下是get请求方法: thi ...
- 在vue中使用echarts报错Cannot read property getAttribute of null
报错信息如下: 报错代码: mounted() { // ... this.drwaCharts() // drawCharts方法为自己定义的包含渲染 echarts 图表的方法 // ...} 之 ...
- [Element-UI] 使用Element-UI的DateTimePicker组件报错:Cannot read property 'getHours' of undefined
使用Element-UI组件的DateTimePicker,如下: <template> <div class="block"> <span clas ...
- Vue tools开发工具报错Cannot read property '__VUE_DEVTOOLS_UID__' of undefined
使用 vue tools 开发工具,不显示调试面板中的组件,点击控制台报错: Cannot read property 'VUE_DEVTOOLS_UID' of undefined 在 main.j ...
- 使用vue-preview报错Cannot read property 'open' of undefined
最近在做一个vue项目中时,需要使用vue-preview插件制作缩略图,首先在终端使用npm i vue-preview -S指令安装了vue-preview插件,然后在main.js中,导入并引用 ...
- vue 报错 Cannot read property '__ob__' of undefined的解决方法
记不清第n次遇到这个错误了,但是脑子就是不好用,记不住解决办法啊,每次都要找好久才能找到错误,网上还一篇篇的全是错误答案......所以写篇随笔,记录下,方便大家也方便我自己. 网上有人说是组件循环了 ...
随机推荐
- maven 创建web项目的标准目录结构
maven 创建web项目的标准目录结构 CreateTime--2018年4月18日21:05:37 Author:Marydon 1.标准目录介绍(开发目录) 2.在eclipse下,目录展示 ...
- SettingsMyEclipse
迁移时间--2017年5月20日10:39:42 Author:Marydon-----------------------------------MyEclipse单独设置项---------- ...
- 【BIRT】在页面上展示xxxx年xx月xx日
我们在做报表开发的时候经常会遇到一个问题,就是需要在报表上展示”xxxx年xx月xx日”这种日期,例如:需要在报表展示日期如下图: 我们现在数据库存储的日期是:20171231 那么我们如何转化为 这 ...
- Python之str方法
# -*- coding: utf-8 -*- #python 27 #xiaodeng #Python之str方法 #http://python.jobbole.com/82655/ #str为一个 ...
- iOS-启动动态页跳过设计思路
概述 根据UIBezierPath和CAShapeLayer自定义倒计时进度条,适用于app启动的时候设置一个倒计时关闭启动页面.可以设置进度条颜色,填充颜色,进度条宽度以及点击事件等. 详细 代码下 ...
- JavaScript中的继承与原型链
先看一个例子 function User(){} var u1 = new User(); console.log(u1.prototype);// undefined 使用对象实例无法访问到prot ...
- MyEclipse 8.6插件下载
(源自网络:http://hi.baidu.com/%D4%B5%BA%A3%C7%E9%C9%EE/blog/item/ad86323d1e80a5e33d6d97c6.html 和 http:/ ...
- Android WebDriver 浏览器自动测试工具介绍
Selenium WebDriver 是浏览器自动测试工具,提供轻量级和优雅的方式来测试web应用.Selenium WebDriver作为Android SDK extra,支持Android 2. ...
- yaml语法三大规则
规则一:缩进 yaml使用一个固定的缩进风格表示数据层结构关系,Saltstack需要每个缩进级别由两个空格组成.一定不能使用tab键 规则二:冒号 yaml: mykey: my_value 每 ...
- Jmeter----HTTP Request Defaults
一.HTTP Request Defaults的作用: 该组件可以为我们的http请求设置默认的值.假如,我们创建一个测试计划有很多个请求且都是发送到相同的server,这时我们只需添加一个Http ...