<!DOCTYPE html>
<html>
<head>
<title>echarts</title>
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.js"></script>
</head>
<body>
<div id="box" style="width: 700px;height: 700px;margin: 0 auto;"></div>
</body>
<script type="text/javascript">
$(function() {
var chart = echarts.init(document.getElementById("box"));
$.getJSON('json/beijing.json', function(data) {
echarts.registerMap('beijing', data);
chart.setOption({
series : {
type : 'map',
map : 'beijing',
layoutCenter : [ '50%', '50%' ],
layoutSize : '100%',
label : {
normal : {
show : true,
textStyle : {
color : '#fff'
}
},
emphasis : {
show : true,
textStyle : {
color : '#fff'
}
}
},
itemStyle : {
normal : {
areaColor : 'rgba(24,65,91,0.3)',
borderColor : '#9DDCEB',
borderWidth : 3,
shadowColor : '#9DDCEB',
shadowBlur : 20
},
emphasis : {
areaColor : 'rgba(24,65,91,0.3)'
}
}
}
})
});
});
</script>
</html>
demo.zip （5个子文件） 
demo 
.project 957B
index.html 1KB img js jquery.js 95KB echarts.js 2.09MB json beijing.json 21KB css 资源评论
- cslggf072020-10-22非好好好了了了
- c_mwei2019-09-09json文件加载就可以。
- weixin_449361722019-04-22好用吗？好用吗？好用吗？写不出代码的耳东陈2019-04-25好用
- wayne1732019-02-26挺好用。json文件加载就可以。
写不出代码的耳东陈
- 粉丝: 3
- 资源: 5
会员权益专享
最新资源
- 高通2023最新版本驱动程序Qualcomm USB Drivers For Windows1.7
- ESP32连接巴法云上传温湿度，手机APP控制开关灯
- Scratch作品：Alpha Math 3D计算器
- 雷蛇PUBG鼠标宏-雷蛇鼠标驱动
- [6105] 01 流程意识 ：如何成为善用流程的高手？.md
- Scratch模拟游戏作品：世界生成器
- 基于微分方程的求解、稀疏线性方程组的求解、多机系统分析Python仿真（完整源码+说明文档+数据）.rar
- 基于插值、拟合、数值积分、线性方程组迭代求解、非线性方程求根、常微分方程数值解的matlab仿真（源码+文档+数据）.rar
- python定时任务 每天运行一次.md
- MATLAB实现求解9x9数独（完整源码+说明文档）.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
