echarts 3D立体圆柱堆叠柱状图

3D立体圆柱堆叠柱状图

import * as echarts from 'echarts';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

let barData1 = [10, 15, 8, 18, 9, 12, 14];
let barData2 = [8, 6, 5, 8, 4, 6, 4];
let barData3 = [8, 5, 12, 8, 20, 14, 17];
let dateX = [`周一`, '周二', '周三', '周四', '周五', '周六', '周日'];
let pictorialBar = [];
// let pictorialBar2 = [];
// let pictorialBar2 = [];
// let pictorialBar3 = [];
for (let i = 0; i < barData1.length; i++) {
   
  // pictorialBar.push(barData1[i] + barData2[i])
  // pictorialBar2.push(barData1[i] + barData2[i] + barData3[i])
  if (barData2[i] > 0) {
   
    pictorialBar.push(Number(barData1[i]) + Number(barData2[i]));
  } else {
   
    pictorialBar.push('');
  }
  // if (barData3[i] > 0) {
   
  //   pictorialBar2.push(Number(barData3[i]));
  // } else {
   
  //   pictorialBar2.push('');
  // }
}

option = {
   
  title: {
   
    text: '完成情况',
    x: 'center',
    textStyle: {
   
      //文字颜色
      color: '#000',
      //字体风格,'normal','italic','oblique'
      // fontStyle: 'normal',
      //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
      fontWeight