echarts炫酷北京地图_echarts北京地图,echarts显示北京地图资源-CSDN文库

共5个文件

js：2个

project：1个

html：1个

echarts

文字居中

4星 · 超过85%的资源需积分: 49 25 浏览量 2018-08-10 13:39:38 上传评论 7 收藏 510KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

demo.zip （5个子文件）

demo

.project 957B

index.html 1KB

img

jquery.js 95KB

echarts.js 2.09MB

json

beijing.json 21KB

css

<!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>

评论收藏

内容反馈