引入中国地图如下:


实现很简单:
1.正常引入echarts,下载一个china.js的中国地图js文件(可以在网上找一个即可)并导入。

import echarts from 'echarts'
import "echarts/map/js/china.js"
Vue.prototype.$echarts = echarts

2.给将要展示地图的div设置固定的宽高。

<div class="B2" id="B2"></div>.B2{/* width: 100%; */width: 845px;height:430px;/* height: 60%; */margin-top: 10px;background-color: blueviolet;border-radius: 10px;

3.写方法:

//随便命名一个方法写进去即可
let myChart = this.$echarts.init(document.getElementById('B2'))myChart.setOption({series: [{type:'map',map:'china'}]  })

4.大功告成,第一步已解决现在的效果就和上面的图片一样了。

要接着研究代码了,网上找的代码全都是搞得一套的,拿过来也不能直接用。··苦瓜脸··

中国地图流动图(一)相关推荐

  1. 中国地图(矢量图,可放大)

    中国地图 清晰的:  http://map.mapbar.com/ http://www.map168.com/2D/2d.htm(矢量,没显示省份,只有省会)

  2. python作中国地图背景气泡图_exce表格中怎么制作中国地图背景数据气泡图

    exce表格中怎么制作中国地图背景数据气泡图 exce表格中怎么制作中国地图背景数据气泡图?excel表格中想要在中国地图上显示气泡来看看地区分布情况,该怎么设置中国地图气泡图表呢?下面我们就来看看详 ...

  3. python作中国地图背景气泡图_Excel图表中制作中国地图背景气泡图的操作方法

    在一些商务PPT,经常能够看见以中国或世界地图作为背景的图表,并且使用气泡图反映数据的大小,如何实现这样的气泡图.今天,学习啦小编就教大家在Excel图表中制作中国地图为背景气泡图的操作方法. Exc ...

  4. python作中国地图背景气泡图_excel怎么制作中国地图背景效果的气泡图?

    在一些商务PPT,经常能够看见以中国或世界地图作为背景的图表,并且使用气泡图反映数据的大小,如下图所示.该怎使用excel制作气泡图效果呢?下面我们就来看看详细的教程. 软件名称:Microsoft ...

  5. 地图图表、柱状图、条形图、折线图、中国地图、世界地图、省市地图、仪表盘、雷达图、饼图、散点图、气泡图、瀑布图、堆叠图、热力图、桑基图、关系图、漏斗图、Axure原型、rp原型、产品原型

    地图图表.柱状图.条形图.折线图.中国地图.世界地图.省市地图.仪表盘.雷达图.饼图.散点图.瀑布图.气泡图.堆叠图.热力图.桑基图.关系图.漏斗图.Axure原型.rp原型.产品原型.大屏设计必备组 ...

  6. qcustomplot绘制热力图瀑布图_使用REmap绘制中国地图

    上次我们介绍了使用ggplot2绘制中国热力地图,需要温习的同学可以点击以下链接 使用ggplot2绘制中国地图  .在使用ggplot2绘制的时候,需要进行数据处理的步骤比较多,今天我们介绍一个新的 ...

  7. 请问怎么用python画一个轮廓图,,例如中国地图这种,注意是轮廓图,求大佬指点

    请问怎么用python画一个轮廓图,,例如中国地图这种,注意是轮廓图 例如这个:

  8. 地图 svg中国地图、echarts百度迁徙图

    总结下最近使用过的地图控件: 第一种 svg中国地图 demo:http://www.oschina.net/code/snippet_54124_36979 这个很简单,照着demo里面直接调用就可 ...

  9. echarts实现中国地图,山西地图,图表面积图配置项

    文章目录 1.vue引入echars 2.建立echars基本框架 3.中国地图 4.山西地图为例,展示点击获取城市名称并保存在data中,方便使用 6.图表面积图(大小,线条颜色,面积颜色,百分比显 ...

  10. echarts中国地图线性流动动画js特效

    下载地址 使用百度的图表插件echarts.js制作的中国地图线性流动动画特效,可以在网页制作中实现总公司到分公司业务展示.物流.路线等网页设计内容. dd:

最新文章

  1. linux安装截图讲解01
  2. 斯坦福大学机器学习第三课“多变量线性回归“
  3. 乒乓球比赛赛程_10月5日至10月11日中央电视台直播录播乒乓球比赛安排
  4. flutter ios打包_使用 Travis CI 为 Flutter 项目打包 Android/iOS 应用
  5. Qt开启本地事件循环(防止界面卡阻塞【卡死】)QEventLoop 的基本使用
  6. hadoop2.7.3+spark2.1.0+scala2.12.1环境搭建(4)SPARK 安装
  7. hive多个表join_8个Hive数据仓工具面试题锦集!
  8. VC下关于debug和release的不同的讨论(收藏-转载)
  9. 搞深度学习如何找到需要的代码
  10. MyScript 手写识别数学公式、图形 自动计算
  11. 海马体记忆训练:让你拥有超常记忆力
  12. Objective-C文字换行方式(解决英文在行末时的换行问题)
  13. 如何在m1芯片上运行android模拟器
  14. Python爬取去哪儿旅游数据
  15. 项目质量管理中的新老7工具
  16. HTML项目心得500字,心得体会作文500字(精选10篇)
  17. 工程师解密:实例分析数控机床故障及排除
  18. oracle csv只能导出1200条,Oracle PLSQL数据导出csv的案例
  19. 百度网盘秒传链接生成及提取方法
  20. PPT之写好PPT的关键要素及流程

热门文章

  1. java list转map_List转Map的三种方法
  2. Spring中@DependsOn注解的作用及实现原理解析
  3. Algorithms Lecture 1 -- Introduction to asymptotic notations【渐进表示法】​​
  4. 点聚AIP电子签章在Chrome、Edge新内核、360系列、FireFox、IE、Opera等浏览器中实现网页内嵌效果案例(一)
  5. 计算机专业理论试题答案最新,2017年计算机一级考试题库及答案
  6. H∞鲁棒控制问题的一般性描述
  7. zoom下载官网android最新,Zoom下载安卓最新版_手机app官方版免费安装下载_豌豆荚...
  8. Linux下载工具photon,不限速、免配置的 Aria2 免费开源下载软件 Photon,替代迅雷的...
  9. 刘汝佳第二章习题(前四)
  10. xp系统怎样安装传真服务器,ghost xp安装传真服务教程