vue2中使用echarts柱状图

在Vue 2中使用echarts柱状图，你需要先安装echarts和vue-echarts插件。

1. 安装echarts和vue-echarts：

   npm install echarts vue-echarts

2. 在你的Vue组件中，引入echarts和vue-echarts：

   <template>
     <div>
       <ve-chart :options="chartOptions"></ve-chart>
     </div>
   </template>

   <script>
   import VECharts from 'vue-echarts';
   import 'echarts/lib/chart/bar';
   import 'echarts/lib/component/tooltip';
   import 'echarts/lib/component/title';

   export default {
     components: { VECharts },
     data() {
       return {
         chartOptions: {
           title: {
             text: '柱状图示例'
           },
           tooltip: {},
           xAxis: {
             data: ['A', 'B', 'C', 'D', 'E']
           },
           yAxis: {},
           series: [{
             name: '销量',
             type: 'bar',
             data: [5, 20, 36, 10, 10]
           }]
         }
       };
     }
   }
   </script>

3. 在上述示例中，我们使用了`VECharts`组件来渲染柱状图，并通过`options`属性传递了echarts的配置项。
在`options`中，你可以设置标题、提示框、x轴和y轴的数据以及柱状图的系列数据。

4. 这只是一个简单的示例，你可以根据自己的需求修改`chartOptions`对象中的属性来自定义柱状图的样式和数据。

希望这能帮到你！如果有任何问题，请随时提问。