echarts 伪3D柱状图 pictorialBar

前端模拟假数据
barData:{
	xAxisData:[1,2,3,4,5,6,7,8],
	yData:[200,600,400,300,500,200,100,500]
}
html代码
<div id="echartsBar"></div>
js代码
function initBar() {
	let element = document.getElementById("echartsBar");
	let chart = echarts.init(element);
	let maxDataArr=[];
	let maxData  = Math.max.apply(null,barData.yData)//获取当前最大值
	barData.yData.forEach(()=>{maxDataArr.push(maxData)}) //得到最大值的数组
let option = {
	grid:{
			left：20,right:20,top:20,bottom:10,containLabel:true,
		},
	xAxis:[{
		type:'category',
		boundarGap:true,
		axisLine:{show:false},
		axisLabel:{interval:0,textStyle:{fontSize:12,color:'#fff'}},
		axisTick:{show:false},
		aplitLine:{show:false},
		splitArea:{show:false},
		data:barData.xAxisData
	}],
	yAxis:[{
		min:0,
		axisTick:{show:false},
		axisLabel:{margin:10,textStyle:{fontSize:12,color:"#fff"}},
		
	}],
	series:[{
		name:'占位',
		type:'pictorialBar',
		symbol：‘image://xxxxx’     //注意这里的image://必须有  后面的xxx是你图片的路径
		symbolSize:[26,"100%"],
		itemStyle:{normal:{color:'rgba(133,133,133,0,13)'}},
		data:maxDataArr,
	},{
		name:'当前数值',
		type:'pictorialBar',
		symbol：‘image://xxxxx’     //注意这里的image://必须有  后面的xxx是你图片的路径
		silent:'true',
		symbolSize:[26,"100%"],
		label:{normal:{show:true,position:'top',textStyle:{color:'#fff'}}},  //显示当前每个柱子上的数
		
		data:yData,
	}]，
	}，
	chart.setoption(option,true)
}