3D地图柱形图

3 篇文章 0 订阅
2 篇文章 0 订阅

3D地图柱形图
以地图为根本,结合柱形图展现3D地图上的柱形图,其中数据格式是包括地区名称,地区经纬度和值。
具体代码如下const option = {
tooltip: {
formatter: ‘{b}:{c}’
},
visualMap: {
type: ‘continuous’,
seriesIndex: 0,
text: [‘bar3D’],
calculable: true,
max: 50,
inRange: {
color: [’#87aa66’, ‘#eba438’, ‘#d94d4c’, ‘#ff0000’]
},
textStyle: {
color: ‘#fff’
}
},
geo3D: {
map: ‘china’,
roam: false,
label: {
show: true,
},
itemStyle: {
color: ‘#C4C4C4’,
},
emphasis: {
label: {
show: true,
distance: 2,
}
},
regions: [
{
name: ‘中国’,
label: {
show: true
},
itemStyle: {
borderWidth: 5,
borderColor: ‘#7FFFD4’,
}
}
],
light: {
main: {
color: ‘#fff’,
intensity: 1.2,
shadow: true,
alpha: 55,
beta: 10,
}
}
},
series: [
{
type: ‘bar3D’,
coordinateSystem: ‘geo3D’,
symbolSize: 15,
data: data
}
]
};
其中3D地图是在geo3D中设置的,map:‘china’,3D柱形图是在series中设置的,配置项可以参照官网,Echarts4官网链接
data数据的格式[{name:‘北京’,value:[‘精度’,‘纬度’,‘柱子值’]},{…}],如果想给柱子设置颜色,可以加一个VisualMap,根据数值大小改变柱子颜色。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值