echarts 柱图 立体_Echarts 实现象形柱图（三角柱子）

先来看下实现效果：

代码：(vue+typescript+Echarts)

HTML部分：

TS部分：

public mounted() {

this.drawBarEcharts();

}

public drawBarEcharts() {

const chart = echarts.init(this.$refs.box as HTMLDivElement);

const option: any = {

tooltip: {

trigger: 'axis',

axisPointer: {

type: 'none',

},

formatter: (params: any) => {

return params[0].name + ': ' + params[0].value;

},

},

xAxis: {

data: ['类型1', '类型2', '类型3'],

axisTick: { show: false },

axisLine: { show: false },

axisLabel: {

textStyle: {

color: '#fff',

},

},<