echarts柱状图立体

您可以使用 ECharts 中的 `bar3D` 来创建立体柱状图。以下是一个简单的示例代码：

// 引入 ECharts
var echarts = require('echarts');

// 初始化图表容器
var container = document.getElementById('chart');

// 初始化图表
var myChart = echarts.init(container);

// 图表配置
var option = {
  tooltip: {},
  visualMap: {
    max: 20,
    inRange: {
      color: ['#e0ffff', '#006edd']
    }
  },
  xAxis3D: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis3D: {
    type: 'value'
  },
  zAxis3D: {
    type: 'category',
    data: ['X', 'Y', 'Z']
  },
  grid3D: {
    boxWidth: 200,
    boxDepth: 80,
    viewControl: {
      // 设为 true 启用鼠标旋转和缩放控制
      autoRotate: true
    }
  },
  series: [{
    type: 'bar3D',
    data: [
      ['A', 0, 'X', 5],
      ['B', 1, 'X', 10],
      ['C', 2, 'X', 15],
      ['D', 3, 'X', 12],
      ['E', 4, 'X', 7],
      ['A', 0, 'Y', 8],
      ['B', 1, 'Y', 3],
      ['C', 2, 'Y', 9],
      ['D', 3, 'Y', 6],
      ['E', 4, 'Y', 4],
      ['A', 0, 'Z', 2],      ['B', 1, 'Z', 7],
      ['C', 2, 'Z', 18],
      ['D', 3, 'Z', 13],
      ['E', 4, 'Z', 5]
    ],
    shading: 'lambert',
    label: {
      textStyle: {
        fontSize: 16,
        borderWidth: 1
      }
    },
    emphasis: {
      label: {
        textStyle: {
          fontSize: 20,
          color: '#900'
        }
      },
      itemStyle: {
        color: '#900'
      }
    }
  }]
};

// 渲染图表
myChart.setOption(option);

您可以根据需求修改数据和配置项，以创建符合您期望的立体柱状图。请确保已正确引入 ECharts，并将图表渲染到指定的容器中（如上述代码中的 `container`）。