var myChart = echarts.init(document.getElementById('main'));// 基于准备好的dom,初始化echarts实例
data1=[//自动将第一维度和第二维度数据映射为坐标[121.15,31.89,9],[109.781327,39.608266,12],];
data2=[//添加了名称可以在地图上显示,这个常用{name: "海门", value: [121.15,31.89,9]},{name: "鄂尔多斯", value: [109.781327,39.608266,12]}];
option = {geo: {map: 'china',//声明用哪一张地图},series: [{type: 'scatter',coordinateSystem: 'geo',//声明坐标系data: data2,}]
}
myChart.setOption(option);// 使用刚指定的配置项和数据显示图表。
var myChart = echarts.init(document.getElementById('main'));// 基于准备好的dom,初始化echarts实例
data1=[//自动将第一维度和第二维度数据映射为坐标[121.15,31.89,9],[109.781327,39.608266,12],];
data2=[//添加了名称可以在地图上显示,这个常用{name: "海门", value: [121.15,31.89,9]},{name: "鄂尔多斯", value: [109.781327,39.608266,12]}];
option = {bmap: {center: [104.114129, 37.550339],},series: [{type: 'scatter',coordinateSystem: 'bmap',//声明坐标系data: data2,}]
};
myChart.setOption(option);// 使用刚指定的配置项和数据显示图表

echarts map相关推荐

  1. echarts map 地图做出立体效果

    echarts map 地图做出立体效果 最近做项目,需要用到立体地图,但是立体地图上还需要很多其他效果,所以用了 map 平面地图 做出了立体效果. 想知道怎么弄的,扣1,欢迎来交流.

  2. echarts找到china地图( npm i --save echarts/map/js/China)

    由于node版本问题,我拉的项目node版本比较低,npm install的时候出现了各种bug,最大问题是babel-polyfill的版本问题,出现了各种bug,各种降级,@babel/core等 ...

  3. echarts map(地图) 省份名称居中显示

    修改echarts中的china.js文件中省份经纬度,使省份名称居中显示. 亲测可用,更新于2020-12-10 china.js 点击下载 修改前,省份名称并不居中显示: 修改后: 具体修改方法( ...

  4. echarts map地图数据Json制作教程

    首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包 有需要的可以自行下载或在博客下留言我会单独发你) <!DOCTYPE html> ...

  5. echarts Map(地图) 不同区块显示

    <template><div class="map" id="s-map"><div id="chartMap" ...

  6. echarts map china 地图不展示,不居中,中英文问题(世界地图同理)

    不展示原因: echarts不再内置地图文件,需自己引入 GITHUB: https://github.com/apache/incubator-echarts 下 map/js/china.js文件 ...

  7. Echarts动态加载地图数据(Dynamic load Echarts map data)

    本篇就是Echarts制作地图终篇啦,前面我们已经制作好自定义区域的地图,如何结合'数据'让地图根据我们的业务逻辑变得有"活力",这才是最重要的.Echarts官网中给的demo大 ...

  8. echarts map 点击地图区域变色_绘制炫酷的地图,不只是pyecharts.map!

    导读:地图可视化是一种非常直观的数据分析结果展现形式,python有很多可视化库可以实现,pyecharts就是很多python爱好者喜爱的实现地图可视化方法之一.不可否认,pyecharts绘制的地 ...

  9. echarts map 点击地图区域变色_pyecharts 地图可视化

    pyecharts 是一个用于生成 Echarts 图表的类库.Echarts是百度开源的一个数据可视化的 JavaScript 库.pyecharts 相当于是 python 版的 Echarts. ...

最新文章

  1. PHP 字符串替换 substr_replace 与 str_replace 函数
  2. 张帅用赢球庆生 搭档斯托瑟晋级澳网女双八强
  3. 最短工期 (25 分)【拓扑排序模板】
  4. linux date命令显示毫秒,解决MacOS系统中date命令没有毫秒和sha512sum、sha256sum、md5sum等命令的问题...
  5. 第二百四十八天 how can I 坚持
  6. spring cloud微服务分布式云架构-commonservice-config配置服务搭建
  7. php 实现application,PHP中实现ASP中的Application 功能
  8. QTextEdit设置最大可输入字符
  9. 米奇emoji_一些常用的 Emoji 符号(可直接复制)
  10. python设计选择题代码源_Python程序的设计试题库完整
  11. Atitit 计算机系统结构 计算机系统结构 Cpu 存储 cache 指令系统 目录 Line 56: 第2章指令系统设计 指令格式 寻址方式 1 Line 64: 第3章CPU及其实现
  12. Sublime Text for Mac如何支持GBK编码
  13. Win11怎么设置鼠标箭头图案?Win11更换鼠标图案的方法
  14. Excel如何快速制作二维码图片?
  15. 摄像机和镜头的基础知识
  16. 【编译原理系列】文法、终结符、非终结符、产生式、子集构造法
  17. office2019卸载组件_office2019软件安装教程
  18. 您的浏览器暂不支持计算机上传文件的大小,电脑中谷歌浏览器无法上传图片的解决方法...
  19. YUV数据格式与YUV_420_888
  20. 项目原型设计(那周余嘉熊掌将得队)

热门文章

  1. 1000道Python题库系列分享二(48道)
  2. Python标准库collections中与字典有关的类
  3. 指针和const限定
  4. jsp--请求转发与重定向
  5. div css网页设计源代码_HTML+CSS网页设计,企业网站资讯文章布局样式
  6. 厦门理工学院c语言实验循环,厦门理工学院c语言实验4_循环答案).doc
  7. linux线程并不真正并行,多核时代:并行程序设计探讨(3)——Windows和Linux对决(多进程多线程)...
  8. 移动端canvas_web前端开发分享-css,js移动篇
  9. python 读取内存_python内存读写
  10. 聋校计算机教学工作总结,聋校二年级数学教学工作总结