vue+chart.js

vue-chartjs是Vue对于Chart.js的封装，它允许你在Vue应用中轻松创建可复用的图表组件。你可以通过以下步骤来使用vue-chartjs：

1. 首先，安装vue-chartjs包：

npm install vue-chartjs chart.js

2. 在你的Vue组件中引入所需的图表类型，例如柱状图、折线图等：

import { Bar, Line } from 'vue-chartjs';

3. 创建一个继承自相应图表类型的子类组件，并在其中定义图表的配置和数据：

export default {
  extends: Bar, // 继承柱状图类型
  mounted() {
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Data',
          backgroundColor: '#f87979',
          data: [40, 20, 30, 50, 60, 70, 80]
        }
      ]
    });
  }
}

4. 在你的Vue模板中使用该组件：

<template>
  <div>
    <bar-chart></bar-chart>
  </div>
</template>

这样，你就可以在Vue应用中使用vue-chartjs来创建图表了。