3D地圖柱形圖

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，根據數值大小改變柱子顏色。