echats 3d地图 并打点和绘制迁徙图，绘制3d柱状图 3d迁徙线3d点 lines3D bar3D scatter3D
2024-05-18 03:11:48
效果图片
代码如下
var option = {}let geoCoordMap = {"海门": [121.15, 31.89],"鄂尔多斯": [109.781327, 39.608266],"招远": [120.38, 37.35],"舟山": [122.207216, 29.985295],"齐齐哈尔": [123.97, 47.33],"盐城": [120.13, 33.38],"赤峰": [118.87, 42.28],"青岛": [120.33, 36.07],"乳山": [121.52, 36.89],"金昌": [102.188043, 38.520089],"泉州": [118.58, 24.93],"莱西": [120.53, 36.86],"日照": [119.46, 35.42],"胶南": [119.97, 35.88],"南通": [121.05, 32.08],"拉萨": [91.11, 29.97],"云浮": [112.02, 22.93],"梅州": [116.1, 24.55],"文登": [122.05, 37.2],"上海": [121.48, 31.22],"攀枝花": [101.718637, 26.582347],"威海": [122.1, 37.5],"承德": [117.93, 40.97],"厦门": [118.1, 24.46],"汕尾": [115.375279, 22.786211],"潮州": [116.63, 23.68],"丹东": [124.37, 40.13],"太仓": [121.1, 31.45],"曲靖": [103.79, 25.51],"烟台": [121.39, 37.52],"福州": [119.3, 26.08],"瓦房店": [121.979603, 39.627114],"即墨": [120.45, 36.38],"抚顺": [123.97, 41.97],"玉溪": [102.52, 24.35],"张家口": [114.87, 40.82],"阳泉": [113.57, 37.85],"莱州": [119.942327, 37.177017],"湖州": [120.1, 30.86],"汕头": [116.69, 23.39],"昆山": [120.95, 31.39],"宁波": [121.56, 29.86],"湛江": [110.359377, 21.270708],"揭阳": [116.35, 23.55],"荣成": [122.41, 37.16],"连云港": [119.16, 34.59],"葫芦岛": [120.836932, 40.711052],"常熟": [120.74, 31.64],"东莞": [113.75, 23.04],"河源": [114.68, 23.73],"淮安": [119.15, 33.5],"泰州": [119.9, 32.49],"南宁": [108.33, 22.84],"营口": [122.18, 40.65],"惠州": [114.4, 23.09],"江阴": [120.26, 31.91],"蓬莱": [120.75, 37.8],"韶关": [113.62, 24.84],"嘉峪关": [98.289152, 39.77313],"广州": [113.23, 23.16],"延安": [109.47, 36.6],"太原": [112.53, 37.87],"清远": [113.01, 23.7],"中山": [113.38, 22.52],"昆明": [102.73, 25.04],"寿光": [118.73, 36.86],"盘锦": [122.070714, 41.119997],"长治": [113.08, 36.18],"深圳": [114.07, 22.62],"珠海": [113.52, 22.3],"宿迁": [118.3, 33.96],"咸阳": [108.72, 34.36],"铜川": [109.11, 35.09],"平度": [119.97, 36.77],"佛山": [113.11, 23.05],"海口": [110.35, 20.02],"江门": [113.06, 22.61],"章丘": [117.53, 36.72],"肇庆": [112.44, 23.05],"大连": [121.62, 38.92],"临汾": [111.5, 36.08],"吴江": [120.63, 31.16],"石嘴山": [106.39, 39.04],"沈阳": [123.38, 41.8],"苏州": [120.62, 31.32],"茂名": [110.88, 21.68],"嘉兴": [120.76, 30.77],"长春": [125.35, 43.88],"胶州": [120.03336, 36.264622],"银川": [106.27, 38.47],"张家港": [120.555821, 31.875428],"三门峡": [111.19, 34.76],"锦州": [121.15, 41.13],"南昌": [115.89, 28.68],"柳州": [109.4, 24.33],"三亚": [109.511909, 18.252847],"自贡": [104.778442, 29.33903],"吉林": [126.57, 43.87],"阳江": [111.95, 21.85],"泸州": [105.39, 28.91],"西宁": [101.74, 36.56],"宜宾": [104.56, 29.77],"呼和浩特": [111.65, 40.82],"成都": [104.06, 30.67],"大同": [113.3, 40.12],"镇江": [119.44, 32.2],"桂林": [110.28, 25.29],"张家界": [110.479191, 29.117096],"宜兴": [119.82, 31.36],"北海": [109.12, 21.49],"西安": [108.95, 34.27],"金坛": [119.56, 31.74],"东营": [118.49, 37.46],"牡丹江": [129.58, 44.6],"遵义": [106.9, 27.7],"绍兴": [120.58, 30.01],"扬州": [119.42, 32.39],"常州": [119.95, 31.79],"潍坊": [119.1, 36.62],"重庆": [106.54, 29.59],"台州": [121.420757, 28.656386],"南京": [118.78, 32.04],"滨州": [118.03, 37.36],"贵阳": [106.71, 26.57],"无锡": [120.29, 31.59],"本溪": [123.73, 41.3],"克拉玛依": [84.77, 45.59],"渭南": [109.5, 34.52],"马鞍山": [118.48, 31.56],"宝鸡": [107.15, 34.38],"焦作": [113.21, 35.24],"句容": [119.16, 31.95],"北京": [116.46, 39.92],"徐州": [117.2, 34.26],"衡水": [115.72, 37.72],"包头": [110, 40.58],"绵阳": [104.73, 31.48],"乌鲁木齐": [87.68, 43.77],"枣庄": [117.57, 34.86],"杭州": [120.19, 30.26],"淄博": [118.05, 36.78],"鞍山": [122.85, 41.12],"溧阳": [119.48, 31.43],"库尔勒": [86.06, 41.68],"安阳": [114.35, 36.1],"开封": [114.35, 34.79],"济南": [117, 36.65],"德阳": [104.37, 31.13],"温州": [120.65, 28.01],"九江": [115.97, 29.71],"邯郸": [114.47, 36.6],"临安": [119.72, 30.23],"兰州": [103.73, 36.03],"沧州": [116.83, 38.33],"临沂": [118.35, 35.05],"南充": [106.110698, 30.837793],"天津": [117.2, 39.13],"富阳": [119.95, 30.07],"泰安": [117.13, 36.18],"诸暨": [120.23, 29.71],"郑州": [113.65, 34.76],"哈尔滨": [126.63, 45.75],"聊城": [115.97, 36.45],"芜湖": [118.38, 31.33],"唐山": [118.02, 39.63],"平顶山": [113.29, 33.75],"邢台": [114.48, 37.05],"德州": [116.29, 37.45],"济宁": [116.59, 35.38],"荆州": [112.239741, 30.335165],"宜昌": [111.3, 30.7],"义乌": [120.06, 29.32],"丽水": [119.92, 28.45],"洛阳": [112.44, 34.7],"秦皇岛": [119.57, 39.95],"株洲": [113.16, 27.83],"石家庄": [114.48, 38.03],"莱芜": [117.67, 36.19],"常德": [111.69, 29.05],"保定": [115.48, 38.85],"湘潭": [112.91, 27.87],"金华": [119.64, 29.12],"岳阳": [113.09, 29.37],"长沙": [113, 28.21],"衢州": [118.88, 28.97],"廊坊": [116.7, 39.53],"菏泽": [115.480656, 35.23375],"合肥": [117.27, 31.86],"武汉": [114.31, 30.52],"大庆": [125.03, 46.58]};var alirl = [[[121.15, 31.89],[121.48, 31.22]],[[120.38, 37.35],[121.48, 31.22]],[[123.97, 47.33],[121.48, 31.22]],[[118.87, 42.28],[121.48, 31.22]],[[121.52, 36.89],[121.48, 31.22]],[[102.188043, 38.520089],[121.48, 31.22]],[[118.58, 24.93],[121.48, 31.22]],[[120.53, 36.86],[121.48, 31.22]],[[119.46, 35.42],[121.48, 31.22]],[[119.97, 35.88],[121.48, 31.22]],[[121.05, 32.08],[121.48, 31.22]],[[91.11, 29.97],[121.48, 31.22]]]var convertData = function(data) {var res = [];for (var i = 0; i < data.length; i++) {var geoCoord = geoCoordMap[data[i].name];if (geoCoord) {res.push({name: data[i].name,value: geoCoord.concat(data[i].value)});}}// console.log(res)return res;};echarts.registerMap('china', chinaJson);option = {tooltip: {show: true,},visualMap: [{type: 'continuous',seriesIndex: 0,show: false,text: ['bar3D'],calculable: true,max: 300,inRange: {opacity: 1,color: ['rgba(0, 222, 215, 0.4)', 'rgba(55, 255, 249, 1)']}}, {type: 'continuous',seriesIndex: 1,text: ['scatter3D'],show: false,left: 'right',max: 100,calculable: true,inRange: {color: ['rgba(235,236,6,1)'] //气泡配色}}],geo3D: {map: 'china',roam: true,regionHeight: 1,itemStyle: {color: '#175096',borderColor: '#6fa1f9',opacity: 0.4,//透明度borderWidth: 1,},//shading: 'lambert',// light: { //光照阴影// main: {// color: '#fff', //光照颜色// intensity: 1.2, //光照强度// //shadowQuality: 'high', //阴影亮度// shadow: true, //是否显示阴影// alpha:55,// beta:10// },// ambient: {// intensity: 0.3// }// }},series: [//柱状图{name: 'bar3D',type: "bar3D",coordinateSystem: 'geo3D',barSize: 0.5, //柱子粗细shading: 'lambert',opacity: 1,bevelSize: 0.2,label: {show: false,formatter: '{b}'},data: convertData([{name: "海门",value: (Math.random() * 300).toFixed(2)}, {name: "鄂尔多斯",value: (Math.random() * 300).toFixed(2)}, {name: "招远",value: (Math.random() * 300).toFixed(2)}, {name: "舟山",value: (Math.random() * 300).toFixed(2)}, {name: "齐齐哈尔",value: (Math.random() * 300).toFixed(2)}, {name: "盐城",value: (Math.random() * 300).toFixed(2)}, {name: "赤峰",value: (Math.random() * 300).toFixed(2)}, {name: "青岛",value: (Math.random() * 300).toFixed(2)}, {name: "南通",value: (Math.random() * 300).toFixed(2)}, {name: "拉萨",value: (Math.random() * 300).toFixed(2)}, {name: "云浮",value: (Math.random() * 300).toFixed(2)}, {name: "梅州",value: (Math.random() * 300).toFixed(2)}, {name: "文登",value: (Math.random() * 300).toFixed(2)}, {name: "上海",value: (Math.random() * 300).toFixed(2)}, {name: "攀枝花",value: (Math.random() * 200).toFixed(2)}, {name: "威海",value: (Math.random() * 200).toFixed(2)}, {name: "福州",value: (Math.random() * 200).toFixed(2)}, {name: "瓦房店",value: (Math.random() * 200).toFixed(2)}, {name: "即墨",value: (Math.random() * 200).toFixed(2)}, {name: "抚顺",value: (Math.random() * 200).toFixed(2)}, {name: "玉溪",value: (Math.random() * 200).toFixed(2)}, {name: "常熟",value: (Math.random() * 200).toFixed(2)}, {name: "东莞",value: (Math.random() * 200).toFixed(2)}, {name: "河源",value: (Math.random() * 200).toFixed(2)}, {name: "淮安",value: (Math.random() * 200).toFixed(2)}, {name: "泰州",value: (Math.random() * 200).toFixed(2)}, {name: "南宁",value: (Math.random() * 200).toFixed(2)}, {name: "营口",value: (Math.random() * 200).toFixed(2)}, {name: "惠州",value: (Math.random() * 200).toFixed(2)}, {name: "江阴",value: (Math.random() * 200).toFixed(2)}, {name: "蓬莱",value: (Math.random() * 200).toFixed(2)}, {name: "韶关",value: (Math.random() * 200).toFixed(2)}, {name: "嘉峪关",value: (Math.random() * 200).toFixed(2)}, {name: "广州",value: (Math.random() * 200).toFixed(2)}, {name: "延安",value: (Math.random() * 200).toFixed(2)}, {name: "太原",value: (Math.random() * 200).toFixed(2)}, {name: "清远",value: (Math.random() * 200).toFixed(2)}, {name: "中山",value: (Math.random() * 200).toFixed(2)}, {name: "昆明",value: (Math.random() * 200).toFixed(2)}, {name: "寿光",value: (Math.random() * 200).toFixed(2)}, {name: "盘锦",value: (Math.random() * 200).toFixed(2)}, {name: "长治",value: (Math.random() * 300).toFixed(2)}, {name: "深圳",value: (Math.random() * 200).toFixed(2)}, {name: "珠海",value: (Math.random() * 200).toFixed(2)}, {name: "宿迁",value: (Math.random() * 300).toFixed(2)}, {name: "咸阳",value: (Math.random() * 300).toFixed(2)}, {name: "铜川",value: (Math.random() * 300).toFixed(2)}, {name: "平度",value: (Math.random() * 300).toFixed(2)}, {name: "佛山",value: (Math.random() * 300).toFixed(2)}, {name: "海口",value: (Math.random() * 300).toFixed(2)}, {name: "江门",value: (Math.random() * 200).toFixed(2)}, {name: "章丘",value: (Math.random() * 200).toFixed(2)}, {name: "肇庆",value: (Math.random() * 300).toFixed(2)}, {name: "大连",value: (Math.random() * 200).toFixed(2)}, {name: "临汾",value: (Math.random() * 300).toFixed(2)}, {name: "吴江",value: (Math.random() * 200).toFixed(2)}, {name: "石嘴山",value: (Math.random() * 200).toFixed(2)}, {name: "沈阳",value: (Math.random() * 200).toFixed(2)}, {name: "苏州",value: (Math.random() * 200).toFixed(2)}, {name: "茂名",value: (Math.random() * 200).toFixed(2)}, {name: "嘉兴",value: (Math.random() * 200).toFixed(2)}, {name: "长春",value: (Math.random() * 300).toFixed(2)}, {name: "胶州",value: (Math.random() * 200).toFixed(2)}, {name: "银川",value: (Math.random() * 200).toFixed(2)}, {name: "张家港",value: (Math.random() * 200).toFixed(2)}, {name: "三门峡",value: (Math.random() * 200).toFixed(2)}, {name: "锦州",value: (Math.random() * 200).toFixed(2)}, {name: "南昌",value: (Math.random() * 200).toFixed(2)}, {name: "柳州",value: (Math.random() * 200).toFixed(2)}, {name: "三亚",value: (Math.random() * 300).toFixed(2)}, {name: "自贡",value: (Math.random() * 200).toFixed(2)}, {name: "吉林",value: (Math.random() * 200).toFixed(2)}, {name: "阳江",value: (Math.random() * 200).toFixed(2)}, {name: "泸州",value: (Math.random() * 200).toFixed(2)}, {name: "西宁",value: (Math.random() * 200).toFixed(2)}, {name: "宜宾",value: (Math.random() * 200).toFixed(2)}, {name: "呼和浩特",value: (Math.random() * 200).toFixed(2)}, {name: "成都",value: (Math.random() * 200).toFixed(2)}, {name: "大同",value: (Math.random() * 200).toFixed(2)}, {name: "镇江",value: (Math.random() * 100).toFixed(2)}, {name: "桂林",value: (Math.random() * 200).toFixed(2)}, {name: "张家界",value: (Math.random() * 200).toFixed(2)}, {name: "宜兴",value: (Math.random() * 200).toFixed(2)}, {name: "北海",value: (Math.random() * 200).toFixed(2)}, {name: "西安",value: (Math.random() * 200).toFixed(2)}, {name: "金坛",value: (Math.random() * 200).toFixed(2)},{name: "包头",value: (Math.random() * 200).toFixed(2)}, {name: "绵阳",value: (Math.random() * 200).toFixed(2)}, {name: "乌鲁木齐",value: (Math.random() * 200).toFixed(2)}, {name: "枣庄",value: (Math.random() * 200).toFixed(2)}, {name: "杭州",value: (Math.random() * 200).toFixed(2)}, {name: "淄博",value: (Math.random() * 200).toFixed(2)}, {name: "鞍山",value: (Math.random() * 200).toFixed(2)}, {name: "溧阳",value: (Math.random() * 200).toFixed(2)}, {name: "库尔勒",value: (Math.random() * 200).toFixed(2)}, {name: "安阳",value: (Math.random() * 200).toFixed(2)}, {name: "开封",value: (Math.random() * 200).toFixed(2)}, {name: "济南",value: (Math.random() * 100).toFixed(2)}, {name: "德阳",value: (Math.random() * 200).toFixed(2)}, {name: "温州",value: (Math.random() * 200).toFixed(2)}, {name: "九江",value: (Math.random() * 100).toFixed(2)}, {name: "邯郸",value: (Math.random() * 200).toFixed(2)}, {name: "临安",value: (Math.random() * 100).toFixed(2)}, {name: "兰州",value: (Math.random() * 200).toFixed(2)}, {name: "沧州",value: (Math.random() * 200).toFixed(2)},{name: "秦皇岛",value: (Math.random() * 200).toFixed(2)}, {name: "株洲",value: (Math.random() * 200).toFixed(2)}, {name: "石家庄",value: (Math.random() * 200).toFixed(2)}, {name: "莱芜",value: (Math.random() * 200).toFixed(2)}, {name: "常德",value: (Math.random() * 200).toFixed(2)}, {name: "保定",value: (Math.random() * 200).toFixed(2)}, {name: "湘潭",value: (Math.random() * 100).toFixed(2)}, {name: "金华",value: (Math.random() * 200).toFixed(2)}, {name: "岳阳",value: (Math.random() * 200).toFixed(2)}, {name: "长沙",value: (Math.random() * 100).toFixed(2)}, {name: "衢州",value: (Math.random() * 200).toFixed(2)}, {name: "廊坊",value: (Math.random() * 200).toFixed(2)}, {name: "菏泽",value: (Math.random() * 100).toFixed(2)}, {name: "合肥",value: (Math.random() * 200).toFixed(2)}, {name: "武汉",value: (Math.random() * 200).toFixed(2)}, {name: "大庆",value: (Math.random() * 200).toFixed(2)}]),},{name: 'scatter3D',type: "scatter3D",coordinateSystem: 'geo3D',symbol: 'circle',symbolSize: 14,opacity: 1,label: {show: false,formatter: '{b}'},itemStyle: {// borderWidth: 0.5,// borderColor: '#fff'//气泡边的颜色},data: convertData([{name: "阳泉",value: ((Math.random() * 100) + 50).toFixed(2)}, {name: "莱州",value: ((Math.random() * 100) + 50).toFixed(2)}, {name: "湖州",value: ((Math.random() * 100) + 50).toFixed(2)}, {name: "汕头",value: ((Math.random() * 100) + 50).toFixed(2)}, {name: "昆山",value: ((Math.random() * 100) + 50).toFixed(2)}, {name: "张家口",value: ((Math.random() * 100) + 50).toFixed(2)}])},//画线{type: 'lines3D',coordinateSystem: 'geo3D',effect: {show: true,trailWidth: 5,trailOpacity: 1,trailLength: 0.2,constantSpeed: 5},blendMode: 'lighter',lineStyle: { //航线的视图效果color: '#EBE806',width: 1,opacity: 1},data: alirl}]};myChart.setOption(option, true);
echats 3d地图 并打点和绘制迁徙图，绘制3d柱状图 3d迁徙线3d点 lines3D bar3D scatter3D相关推荐
- 使用matplotlib绘制折线图(绘制一天当中的气温变化)
matplotlib绘制折线图 一.使用matplotlib绘制一天当中的气温变化 1.假设一天当中每隔两个小时(range(2,26,2))的气温分别是[15,13,14.5,17,20,25,26 ...
- openlayers 可以实现3d地图效果吗_OpenLayers教程：图形绘制之设置图形的样式
OpenLayers可以对整个矢量图层统一设置样式,也可以单独对某个要素设置样式,本文介绍对整个矢量图层设置样式. OpenLayers的ol.style.Style类用于设置样式,它需要结合另外三个 ...
- pycharm matplotlib.pyplot.figure().add_subplot()绘制三维图时报错：ValueError: Unknown projection 3d（bug）
报错描述 出于安全考虑,CSDN不让文章标题使用英文单引号 ValueError: Unknown projection '3d' # -*- coding: utf-8 -*- "&quo ...
- python 绘制BA图, 绘制Bland-Altman, 两个连续变量的一致性分析
一致性分析 分析数据一致性时常用的方法如下: 方法 数据类型 ICC组内相关系数 定量或者定类 Kappda一致性系数 定类(分级) Bland-Altman图(BA图) 定量数据 Bland-Alt ...
- python画人口迁徙图_echarts 手把手教你画迁徙图（城市内部级别+百度地图支持）2...
最近要做一个上海的迁徙图,搜到的都是 echarts 和mapv一样,有自己的API说明和demo 形式上非常相近,而且看起来功能比mapv更加完善. 另外是滴滴的一个蝌蚪迁徙图,看起来是真实轨迹的模 ...
- 各省3D地图精美来袭，快来看看有没有你的省份吧
山海鲸可视化致力于打造一套人人都会用的数字孪生技术软件,内有海量精美模板,可直接下载使用,同时有各种3D地图模板和建筑模型模板,今天就带大家看看这些各省3D地图模板吧! 1.写实风3D地图模板 2. ...
- 原生 js 实现类 3d 地图大屏展示自动高亮轮播、显示悬浮提示 tootip 的方案：svg + popper.js 定位引擎
要实现的效果 如下图,3d 地图高亮自动轮播,展示白云区各个镇街的人口数局. 原由 为什么想到这个方案,是因为我在用 echarts-gl 实现 3d 地图效果的过程中,我发现通过 dispatchA ...
- Echarts 开发静态数据模拟实现迁徙图步骤详解
文章目录 一.前言 二.先来看看百度迁徙图 三.Echarts 实现迁徙图基本步骤 第一步:引入Echarts.js及相关JS 第二步:为ECharts准备一个Dom 第三步:基于Dom初始化echa ...
- matlab绘制星座图,怎么弄星座图:systemview 信号星座图怎么画
systemview 信号 用接收计算器 matlab中怎么绘制星座图??? 看看这个程序是否符合你的要求:按下鼠标左键开始绘制一个星座图,点击右键结束当前星座function xingzuofigu ...
最新文章
- 如何通过HBuilderX运行微信小程序，启动Enable IDE Service，X initialize 解决方案
- JavaFX将会留下来！
- python为什么closed_为什么python类的函数被调用两次[关闭](Why a function of python class is called twice [closed])...
- php.ini详细介绍与设置,配置
- php百度地图地址解析失败,javascript - vue中使用百度地图 提示无法解析
- c++ regex 替换汉字_C++ - 正则表达式(regex) 替换(replace) 的 详解 及 代码
- android学习心得之Activity
- CORS（跨域资源共享） 的配置
- 超星高级语言程序设计实验作业 (实验02 分支与循环程序设计)（二）
- MySQL数据库张素青答案_MySQL数据库技术与应用
- sketchup 计算机配置,SketchUp Pro2019对电脑硬件要求
- 日记侠：写文章快速赚钱的方法就3个字
- lua 利用os.data和os.time实现运营活动在客户端跨时区换算服务端所在时区时间戳
- [单片机框架][DFU] Dfu升级例子 带crc校验+超时机制+led指示灯+芯片加锁+芯片自擦
- python进行独立样本t检验
- 禁止win10自动更新_一键禁止WIN10自动更新！
- 2021年终总结——拾起好习惯，让自己变得更加优秀
- 云麦体脂秤华为体脂秤_华为、小米、联想的智能体脂秤三国杀
- 瓦力发布系统安装部署
- 推荐几款好用的UI设计工具