<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<script src="js/esl.js"></script>
<script src="js/echarts-plain-map.js"></script>
<script src="js/jquery.tools.min.js"></script>
</head>
<body>
<div id="mainMap" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
<script type="text/javascript">
require.config({
paths:{
'echarts':'js/echarts',
'echarts/chart/map' : 'js/echarts-map'//引入的是js文件下的渲染文件
}
});
require(
[
'echarts',
'echarts/chart/map'
],
function(ec) {
require('echarts/src/util/mapData/params').params.HK = {
getGeoJson: function(callback) {
$.getJSON('geoJson/HK_geo.json',callback);
}
};
var myChart = ec.init(document.getElementById('mainMap'));
myChart.setOption({
title : {
text : '香港18区人口密度 (2011)',
subtext: '人口密度数据来自Wikipedia'
},
tooltip : {
trigger: 'item',
formatter: '{b}<br/>{c} (p / km2)'
},
toolbox: {
show : true,
orient : 'vertical',
x: 'right',
y: 'center',
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
series : [
{
name: '香港18区人口密度',
type: 'map',
mapType: 'HK', // 自定义扩展图表类型
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: '中西区', value: 20057.34},
{name: '湾仔', value: 15477.48},
{name: '东区', value: 31686.1},
{name: '南区', value: 6992.6},
{name: '油尖旺', value: 44045.49},
{name: '深水埗', value: 40689.64},
{name: '九龙城', value: 37659.78},
{name: '黄大仙', value: 45180.97},
{name: '观塘', value: 55204.26},
{name: '葵青', value: 21900.9},
{name: '荃湾', value: 4918.26},
{name: '屯门', value: 5881.84},
{name: '元朗', value: 4178.01},
{name: '北区', value: 2227.92},
{name: '大埔', value: 2180.98},
{name: '沙田', value: 9172.94},
{name: '西贡', value: 3368},
{name: '离岛', value: 806.98}
],
// 自定义名称映射
nameMap: {
'Central and Western':'中西区',
'Eastern':'东区',
'Islands':'离岛',
'Kowloon City':'九龙城',
'Kwai Tsing':'葵青',
'Kwun Tong':'观塘',
'North':'北区',
'Sai Kung':'西贡',
'Sha Tin':'沙田',
'Sham Shui Po':'深水埗',
'Southern':'南区',
'Tai Po':'大埔',
'Tsuen Wan':'荃湾',
'Tuen Mun':'屯门',
'Wan Chai':'湾仔',
'Wong Tai Sin':'黄大仙',
'Yau Tsim Mong':'油尖旺',
'Yuen Long':'元朗'
},
// 文本位置修正
textFixed : {
'Yau Tsim Mong' : [-10, 0]
},
// 文本直接经纬度定位
geoCoord : {
'Islands' : [113.95, 22.26]
}
}
]
});
}
);
</script>
</body>
</html>
报错Uncaught Error: [MODULE_MISS]"echarts/src/util/mapData/params" is not exists!
请问是怎么回事,哪个文件引错了吗?QQ:1813242332,真诚的希望有大神愿意加QQ讨论。。。
引入方式就很奇怪,模块化写法也写错,从基础开始吧...
http://echarts.baidu.com/doc/start.html
http://echarts.baidu.com/doc/example/map6.html
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。