在VUE 中使用echarts组件，给我一个柱状图事例

在Vue.js中使用ECharts创建柱状图，首先你需要安装ECharts库，并通过npm引入到项目中。下面是一个简单的步骤说明和一个基本的柱状图示例：

1. 安装依赖：

npm install echarts vue-echarts

2. 在`main.js`或其他合适的入口文件中引入Vue和ECharts插件：

import Vue from 'vue'
import ECharts from 'vue-echarts'
import 'echarts/lib/chart/bar'
import 'echarts/theme/macarons'

Vue.use(ECharts)

3. 在你的Vue组件中，例如`BarChart.vue`：

<template>
  <div id="bar-chart-container">
    <e-charts :options="chartOption" ref="chart"></e-charts>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartOption: {
        title: {
          text: '柱状图示例'
        },
        tooltip: {},
        xAxis: {
          data: ['苹果', '香蕉', '橙子', '葡萄']
        },
        yAxis: {
          name: '销量',
          min: 0,
          max: 150
        },
        series: [{
          name: '销量',
          type: 'bar',
          data: [50, 90, 140, 80]
        }]
      }
    };
  },
  mounted() {
    this.$refs.chart.init();
  }
}
</script>

在这个例子中，我们创建了一个简单的柱状图，显示了四种水果的销量数据。`xAxis`的数据是分类轴，`yAxis`表示数值轴，`series`部分定义了柱状图的配置。