ECharts 是一个使用 JavaScript 实现的开源可视化库,支持丰富的图表类型,包括2D和3D地图。3D地图功能通过ECharts-GL扩展实现,它基于WebGL技术,能够创建3D数据可视化作品。 2. 查找ECharts中支持的中国地图3D数据 ECharts 5.0及以上版本不再内置中国地图数据,因此你需要自行获取中国地图的GeoJSON数据。可以从一些开源网站...
getPeo (status) { function NumDescSort(a, b) { return b.value - a.value; } function NumAsceSort(a, b) { return a.value - b.value; } this.$nextTick(() => { this.myChart = echarts.init(document.getElementById("mapPeople")); echarts.registerMap("china", china); var geoCoord...
2.3d地球攻击线 (给地球加了个皮肤 就是好看一些) 3.3d地球 攻击线2 使用echarts需要注意的是在对应页面要引入 世界地图:import world from 'echarts/map/js/world.js' 中国地图:import china from 'echarts/map/js/china.js' 这里贴一份源码3d地球攻击线源码: <template> <!-- 例子6 --> </te...
3D中国 #main {width:1000px; height: 500px;margin: auto;border:2px solid green;} let geoCoordMap = { "海门": [121.15, 31.89], "鄂尔多斯": [109.781327, 39.608266], "招远": [120.38, 37.35], "舟山": [122.207216, 29.985295], "齐齐哈尔": [123.97...
3D中国 #main {width:1000px; height: 500px;margin: auto;border:2px solid green;} let geoCoordMap = { "海门": [121.15, 31.89], "鄂尔多斯": [109.781327, 39.608266], "招远": [120.38, 37.35], "舟山": [122.207216, 29.985295], "齐齐哈尔": [123.97, 47.33], "盐城"...
最近在引入echarts的各种图表,比如3D地球 image.png 开始 //首先引入三个包importechartsfrom'echarts';import'echarts-gl';importworldfrom'echarts/map/js/world.js'; 初始化地图 initMap(config){constvm=this;constcanvas=document.createElement('canvas');this.mapChart=echarts.init(canvas,null,{width:409...
中国 四川省 成都市 dome代码地址https://github.com/zhaosheng808/echarts-demo 3D地图说明 通过使用series-map3D可以绘制3D地图 快速开始 1.需要先下载echarts.js,然后额外下载echarts-gl.js,并在页面中引入 这个两个js文件可以在echarts官网下载也可以在上面给的dome项目中拷贝 echarts资源下载 echarts扩展下...
在项目中,我们经常需要实现3D效果的地图,如下图所示: 本案例使用echarts来实现,当然使用three.js也是可以实现的,只是使用echarts更加方便而已 1. 引入相关资源文件 1. 2. 3. 2. 代码 // 1.需要引入echarts-gl.min.js 这个文件// 2.type: 'map' 修改为 type: 'map3D' 即可varmyChart=echarts....
Line3D: 3D折线图 Scatter3D: 3D散点图 Surface3D: 3D曲面图 Lines3D:3D 路径图 Map3D-三维地图 GraphGL-GL关系图 3.6. 组合图表 Grid: 并行多图 Page: 顺序多图 Tab: 选项卡多图 Timeline: 时间线轮播多图 3.7. HTML组件 Component 通用配置项
echarts中国地图例子:http://gallery.echartsjs.com/editor.html?c=effectScatter-map vardata =[{ name:'郑州', value:100//扩散的大小}, { name:'北京', value:100}, { name:'香港', value:100}, { name:'上海', value:100}, ];vargeoCoordMap ={'郑州': [113.649638, 34.75659],'香港': [...