vue2 使用echarts 实现立体柱状图，不使用echarts的立体柱状图属性

要在Vue2中使用Echarts实现立体柱状图，可以按照以下步骤进行操作：

1. 首先，确保你已经安装了Echarts和Vue2的相关依赖。可以通过npm或者yarn进行安装。

2. 在Vue组件中引入Echarts，并创建一个div元素作为图表的容器。

3. 在Vue组件的mounted钩子函数中，初始化Echarts实例，并将其绑定到之前创建的div容器上。

4. 使用Echarts的API配置立体柱状图的相关属性，例如x轴、y轴、数据等。

5. 最后，通过调用Echarts实例的setOption方法，将配置好的属性应用到图表中。

下面是一个示例代码，演示了如何在Vue2中使用Echarts实现立体柱状图：

<template>
  <div id="chartContainer" style="width: 600px; height: 400px;"></div>
</template>

<script>
import echarts from 'echarts';

export default {
  mounted() {
    // 初始化Echarts实例
    const chart = echarts.init(document.getElementById('chartContainer'));

    // 配置立体柱状图的属性
    const option = {
      xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
      },
      yAxis: {
        type: 'value',
      },
      series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
          emphasis: {
            color: 'rgba(0,0,0,0.5)', // 设置立体效果的颜色
          },
        },
      }],
    };

    // 将配置应用到图表中
    chart.setOption(option);
  },
};
</script>

这样，你就可以在Vue2中使用Echarts实现立体柱状图了。