echarts中国地图的制作
1.body部分
<div class="myCharts"></div>
2.style部分
.myCharts{height: 800px;width: 800px;}
3.script部分
function randomData() {return parseInt(Math.random()*500);}var mydata = [{name: '北京',value: '100' },{name: '天津',value: randomData() },{name: '上海',value: randomData() },{name: '重庆',value: randomData() },{name: '河北',value: randomData() },{name: '河南',value: randomData() },{name: '云南',value: randomData() },{name: '辽宁',value: randomData() },{name: '黑龙江',value: randomData() },{name: '湖南',value: randomData() },{name: '安徽',value: randomData() },{name: '山东',value: randomData() },{name: '新疆',value: randomData() },{name: '江苏',value: randomData() },{name: '浙江',value: randomData() },{name: '江西',value: randomData() },{name: '湖北',value: randomData() },{name: '广西',value: randomData() },{name: '甘肃',value: randomData() },{name: '山西',value: randomData() },{name: '内蒙古',value: randomData() },{name: '陕西',value: randomData() },{name: '吉林',value: randomData() },{name: '福建',value: randomData() },{name: '贵州',value: randomData() },{name: '广东',value: randomData() },{name: '青海',value: randomData() },{name: '西藏',value: randomData() },{name: '四川',value: randomData() },{name: '宁夏',value: randomData() },{name: '海南',value: randomData() },{name: '台湾',value: randomData() },{name: '香港',value: randomData() },{name: '澳门',value: randomData() }];var myCharsMap = echarts.init(document.querySelector(".myCharts"));var optionMap = {title:{text:"全国xx大数据",x:"center"},tooltip:{trigger:"item"},visualMap:{show:true,color:["lightblue","green","yellow","red","orange","pink","gold","white","purple"],x:"left"},series:[{name:"abc",type:"map",mapType:'china',width:"90%",data:mydata,label:{show:true}}]};myCharsMap.setOption(optionMap)
4.需要引用echarts
<script src="echarts.js"></script><script src="comm.js"></script> //地图的数据
echarts中国地图的制作相关推荐
- Echarts中国地图各省份区域设置不同的颜色
摘要: 接着<Echarts引入中国地图>续写,我们的项目需求是要求地图的背景颜色要各省份不同.看了文档同时也看了相关官网例子,写出来总结下吧,以便以后需要. 实现: 1.在series中 ...
- echarts 中国地图 世界地图
最近项目中用到了echarts 中国地图 世界地图,特在这记录一下. world.js 下载链接(world_new.js带有中国地区名称,另一个只是用来显示中国地图) 链接:https://pan. ...
- 【echarts 中国地图射线版本】vue实现中国地图航线动画效果,地图上添加散点效果【详细注释,通俗易懂】
先上效果图 前置条件,必看 首先你需要安装echarts并引入 然后你需要下载china.json文件并注册引入,不然不生效 当然很多新手可能不知道china.json在哪里下载,因为官方已经没有了, ...
- Echarts中国地图三级钻取
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站:https://www.captainai.net/dongkelun 前言 最近其实一直在用Echa ...
- Echarts中国地图背景颜色渐变
摘要:关于Echarts地图的问题,在第一篇就说过引入等相关问题(如还有疑惑请先看之前的文章传送门).地图的背景颜色如何实现渐变呢?主要利用的是Echarts中的geo和visualMap结合实现.v ...
- VUE 中实现echarts中国地图 人口迁徙
VUE 中实现echarts中国地图 人口迁徙 效果图: 安装Echarts依赖 要在vue中使用Echarts 需要先安装依赖 npm install echarts --save 这是我的Echa ...
- HTML中地图根据数据变色,echarts中国地图根据数据对省份渲染不同的颜色
echarts中国地图 .centerItem { width: 856px; height: 640px; background-color: #fff; margin: 110px auto 0 ...
- 【echarts 中国地图增加南海九段线】
echarts 中国地图增加南海九段线 最近在开发echarts 中国地图时,客户提出中国地图要完整,需要增加南海九段线. 这是个政治任务,但是echarts里面的文档没有关于南海诸岛九段线的相关配置 ...
- Echarts中国地图修改
前言 在使用Echarts图表时需要修改中国地图中的样式以及内容,在网上查找了一些资料并且整理了一下. Echarts中国地图 地图样式修改 标题修改 数值功能删除,但保留数据计算 按钮功能去除 地图 ...
最新文章
- 【Android】Vitamio 4.0 公测版发布(2013-05-28)
- 音视频技术开发周刊 | 135
- 线程池的简单创建和实现
- ChoiceFormat:数字范围格式
- Android dumpsys命令详细使用
- adam算法效果差原因_电缆耐高温套管使用效果差的原因有哪些?
- 非计算机专业毕业论文用游戏,浅谈非计算机专业计算机教学的论文
- C/C++ union
- 高一学年总结·Windows Subsystem Linux
- JavaScript上传文件,不打断点就上传失败
- CTA策略:主力连续、全合约模式下回测结果的差异探讨
- 企业上云计算最大的障碍是什么?
- 计算机显示器本身物理分辨率,电脑显示器常见的分辨率是多少
- 炫酷canvas网页背景动画效果
- 轮播图展示与轮播图管理
- 海信IP202H-晨星9385芯片-9.0-免拆卡刷固件包
- 关于微信公众平台本地测试ip如何加入IP白名单
- u盘打开提示格式化怎么办?有用的方法来了
- 【NDN IoT】Caching in Named Data Networking for the Wireless Internet of Things
- Java SE菜鸟之异常