给一个demo示例，wx-chart在vue3+vite中使用

当然，我可以为您提供一个使用 wx-chart 在 Vue3 + Vite 中的示例。首先，确保您已经安装了 Vue 3 和 Vite。

1. 创建一个新的 Vue 3 + Vite 项目：

npm init vite@latest my-vue-chart-app
cd my-vue-chart-app
npm install

2. 安装 wx-chart：

npm install wx-chart

3. 在 `src` 目录下创建一个新的组件 `Chart.vue`：

<template>
  <div>
    <canvas ref="chartCanvas"></canvas>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue';
import wxChart from 'wx-chart';

export default {
  name: 'Chart',
  setup() {
    const chartCanvas = ref(null);

    onMounted(() => {
      const chart = new wxChart(chartCanvas.value, {
        type: 'bar',
        data: {
          labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
          datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
              'rgba(255, 99, 132, 0.2)',
              'rgba(54, 162, 235, 0.2)',
              'rgba(255, 206, 86, 0.2)',
              'rgba(75, 192, 192, 0.2)',
              'rgba(153, 102, 255, 0.2)',
              'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
              'rgba(255, 99, 132, 1)',
              'rgba(54, 162, 235, 1)',
              'rgba(255, 206, 86, 1)',
              'rgba(75, 192, 192, 1)',
              'rgba(153, 102, 255, 1)',
              'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
          }]
        },
        options: {
          scales: {
            y: {
              beginAtZero: true
            }
          }
        }
      });
    });

    return {
      chartCanvas
    };
  }
};
</script>

<style>
canvas {
  width: 100%;
  height: 400px;
}
</style>

4. 在 `src` 目录下的 `App.vue` 文件中引入 `Chart` 组件：

<template>
  <div>
    <h1>Vue Chart Demo</h1>
    <Chart />
  </div>
</template>

<script>
import Chart from './Chart.vue';

export default {
  name: 'App',
  components: {
    Chart
  }
};
</script>

<style>
/* 样式可以根据您的需要进行调整 */
h1 {
  text-align: center;
}
</style>

5. 运行项目：

npm run dev

现在，您应该可以在浏览器中看到一个简单的柱状图。

这是一个基本的示例，您可以根据 wx-chart 的文档进一步定制和添加其他图表类型和选项。

希望对您有所帮助！如果您还有其他问题，请随时提问。