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,根据数值大小改变柱子颜色。
3D地图柱形图
最新推荐文章于 2024-10-07 21:29:54 发布