用echarts绘制中国地图

最新推荐文章于 2024-05-03 11:47:20 发布

VIP文章 weixin_33768481

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量875

点赞数

文章标签： javascript 大数据 ViewUI

原文链接：http://www.cnblogs.com/yuwenjing0727/p/9565949.html

版权

在项目中运用到图形展示数据太常见了，echarts是一款使用率非常高的插件工具，很多大平台都是使用echarts；

一般运用到条形、折线、扇形图，今天说一说在中国地图上展示各地数据；

首先要准备中国地图的JS文件

china.js可在网盘下载：https://pan.baidu.com/disk/home#/all?path=%2F&vmode=list

引入echarts后引入china.js文件

　<head>
        <meta charset="utf-8" />
        <title>echarts中国地图数据</title>
        <script type="text/javascript" src="js/echarts.min.js" ></script>
        <script type="text/javascript" src="js/china.js" ></script>
 </head>

PS：有一个小bug，想使用china.js必须使用echarts.min.js; 引入echarts.common.min.js是无效的；测试多次才发现这个问题，也是非常烧脑了；

写入随机数来测试数据：

function randomData() {  
     return Math.round(Math.random()*500);  
}

数据：

var mydata = [  
                {name: '北京',value: '100' },{name: '天津',value: randomDat

最低0.47元/天解锁文章

weixin_33768481

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
用echarts绘制中国地图

在项目中运用到图形展示数据太常见了，echarts是一款使用率非常高的插件工具，很多大平台都是使用echarts；一般运用到条形、折线、扇形图，今天说一说在中国地图上展示各地数据；首先要准备中国地图的JS文件china.js可在网盘下载：https://pan.baidu.com/disk/home#/all?path=%2F&vmode=list引入echarts后引入c...
复制链接

扫一扫