绘制3D Echarts
目前在项目中遇到过的3D echarts为:
1.3D饼图(圆环图)
2.3D区域地图
3.3D堆叠柱状图。
1.echarts + echarts-gl => 绘制3D地图
npm install echarts
npm install echarts-gl
//配置项代码 , this.chartData为我导入的随州市json数据
echarts.registerMap('随州市', this.suiZhou,this.chartData);
let self=this;
this.chart.setOption({
visualMap: [{
type: 'continuous',
show: false,
seriesIndex: 0,
text: ['bar3D'],
calculable: true,
max: 30,
}],
backgroundColor:'',
geo3D: {
map: '咸宁市',
top:'-10%',//地图位置
bottom:'2%',
left:'0%',//地图位置
roam: true,
//三维视觉属性
itemStyle: {
opacity: 1,
borderWidth: 0.8,
borderColor: '#147CBF'
},
viewControl: {
distance: 130,// 控制初始大小
alpha:60, //绕x轴旋转的角度(上下旋转),增大,视角顺时针增大(向上)
},
regionHeight: 5,//地图厚度
regions: [// 可对单个地图区域进行设置
{
name: '随县',
itemStyle: {