vue2使用echarts柱状图

在 Vue.js 2 中使用 ECharts 来绘制柱状图，你可以按照以下步骤进行操作：

1. 首先，安装 ECharts 库。你可以使用 npm 或者 yarn 进行安装，命令如下：

   npm install echarts --save

2. 在你的 Vue 组件中引入 ECharts，并创建一个柱状图实例。你可以在 `mounted` 钩子函数中进行初始化，或者在需要绘制柱状图的地方初始化。以下是一个简单的示例：

   <template>
     <div id="chart" style="width: 400px; height: 400px;"></div>
   </template>
   
   <script>
   import echarts from 'echarts'
   
   export default {
     mounted() {
       this.initChart()
     },
     methods: {
       initChart() {
         const chartDom = document.getElementById('chart')
         const myChart = echarts.init(chartDom)
         const option = {
           xAxis: {
             type: 'category',
             data: ['A', 'B', 'C', 'D', 'E']
           },
           yAxis: {
             type: 'value'
           },
           series: [{
             data: [10, 20, 30, 40, 50],
             type: 'bar'
           }]
         }
         myChart.setOption(option)
       }
     }
   }
   </script>

3. 在上述代码中，我们首先在模板中创建一个具有指定宽度和高度的容器，用于显示柱状图。然后，在 `mounted` 钩子函数中调用 `initChart` 方法进行初始化。
`initChart` 方法中，我们通过 `echarts.init` 方法创建一个图表实例，并指定容器的 DOM 元素。然后，我们定义了柱状图的配置项对象 `option`，其中包含了 x 轴和 y 轴的配置，以及柱状图的数据。最后，我们调用 `myChart.setOption(option)` 来渲染图表。

这样，你就可以在 Vue.js 2 中使用 ECharts 绘制柱状图了。你可以根据自己的需求修改配置项和数据，以实现你想要的效果。