//1、安装脚手架
vue create stats-charts
npm install chart.js

//2、创建图表
<template>
  <div>
    <canvas id="myChart"></canvas>
  </div>
</template>
<script>
import Chart from 'chart.js';
 
export default {
  data(){
    return: {
	  data: [
	    { category: '小米', value: 100 },
	    { category: '小明', value: 155 },
	    { category: '小亮', value: 112}
	  ]
	}
  },
  mounted() {
    this.renderChart();
  },
  methods: {
    renderChart() {
      const ctx = document.getElementById('myChart').getContext('2d');
      new Chart(ctx, {
        type: 'bar',
        data: {
          labels: this.data.map(item => item.category),
          datasets: [{
            label: 'Data',
            data: this.data.map(item => item.value),
          }]
        },
        options: {
          // 图表的配置
        }
      });
    }
  },
  watch: {
    data() {
      this.renderChart();
    }
  }
}
</script>