echarts地图的配置(散点)

原创已于 2023-05-19 16:53:23 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript #ecmascript

于 2021-04-02 16:14:16 首次发布

笔记专栏收录该内容

44 篇文章

订阅专栏

这篇博客记录了关于地图配置的详细参数，包括背景色、颜色方案、标题设置、提示框、地理区域、图例和工具箱等。地图用于显示中国地区的数据分布，涉及到作战分队的标记和颜色定制，支持缩放和平移操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言:
这是地图单点的配置，配置参数去官网基本也可以拿到，这里只是个人记录，方便以后取用。(参数可能有错误的地方，望见谅)

function getMapopt(){var opt = {backgroundColor: ‘#1b1b1b’ ,color: [‘gold’, ‘aqua’, ‘lime’],title : {text: ‘分布地图",x:‘center’,y:‘10",textStyle
color: 1#00d3d6’}}， tooltip : {trigger: ‘item’ ，formatter:， {b}’},geo: {show: true, roam: true, map: ‘china’ ，label: { normal:{show: false, }， emphasis: { show: true，
textStyle: {color:‘yellow’} }}, itemStyle:
normal: {areaColor: ‘#03658b’, borderColor: ‘black’, }，emphagis:{ areaColor:‘#39462d’, borderColor: “ceae1b”,
}},},legend: { orient: ‘vertical’, show:false, x:‘left’, data:[‘作战分队1’，，作战分队2’], selectedMode: ‘multiple’,selected:{ },textStyle : { color: ‘#fff’},toolbox: { show : true, orient : ‘vertical’, x: ‘right’,y: ‘center’,feature : { restore : {show: true), saveAsImage : {show: true)) },series : [ { name: 数据分布’type: map’, mapType: ‘china’, hoverable: false, roam:true,data : [], itemStyle: {normal:{ borderColor:‘rgba (100,149,237,1)’， borderwidth:0.5,
areaStyle:{color: "#1b1b1b’} }, },markPoint : { symbolSize: 5,itemStyle: {normal: {borderColor: ‘#87cefa’, borderwidth: 1, label: {show: false}},
erphasis: {borderColor: “#le90ff’， borderwidth: 5, label: {show: false} } },data : [ {name: “作战分队1”, value:1}, {name: “作战分队2”，value:1), ]
},geoCoord: {”作战分1”:[121.4648,31.2891]. “作战分队2”: [113.8953,22.901], }}]};return opt; )