Vuejs - Chartjs不使用api请求呈现我自己的选项

npm install chart.js

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

<script>
import Chart from 'chart.js';

export default {
  mounted() {
    this.renderChart();
  },
  methods: {
    renderChart() {
      const ctx = this.$refs.chart.getContext('2d');
      new Chart(ctx, {
        type: 'bar',
        data: {
          labels: ['选项1', '选项2', '选项3'],
          datasets: [{
            label: '自定义选项',
            data: [10, 20, 30],
            backgroundColor: ['red', 'blue', 'green']
          }]
        },
        options: {
          responsive: true,
          maintainAspectRatio: false
        }
      });
    }
  }
};
</script>