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

在 UniApp 中使用 ECharts 组件创建柱状图是一个常见的需求，ECharts 提供了丰富的图表类型，包括柱状图。以下是一个简单的柱状图示例：

<template>
  <view class="chart-container">
    <uni-echarts ref="chart" :option="chartOption" />
  </view>
</template>

<script>
import echarts from 'vant-echarts';

export default {
  components: {
    uniEcharts: echarts.EChartComponent
  },
  data() {
    return {
      chartOption: {
        // 设置基本配置
        title: {
          text: '柱状图示例'
        },
        tooltip: {},
        
        // 定义柱状图的数据
        series: [
          {
            name: '销售额',
            type: 'bar',   // 柱状图类型
            data: [820, 932, 901, 934, 1290, 1330],  // 数据数组
            // 配置柱子颜色、宽度等样式
            itemStyle: {
              normal: {
                color: '#FFD800',  // 黄色
              }
            }
          }
        ]
      }
    };
  },
  mounted() {
    this.$refs.chart.init();  // 初始化图表
  }
};
</script>

在这个例子中，我们首先在模板中引入了 `uniEcharts` 组件，并设置了默认的图表配置选项 `chartOption`，其中包括标题、提示框等基础设置以及柱状图的数据系列。在 `mounted` 生命周期钩子中初始化图表。