社交开放图表属性在我的Nuxt应用程序中不起作用

npm install chart.js

module.exports = {
  // ...
  plugins: [
    { src: '~/plugins/chart.js', ssr: false }
  ],
  // ...
}

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

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

export default {
  mounted() {
    const ctx = this.$refs.chart.getContext('2d');
    new Chart(ctx, {
      type: 'bar',
      data: {
        labels: ['Label 1', 'Label 2', 'Label 3'],
        datasets: [{
          label: 'Dataset',
          data: [10, 20, 30],
          backgroundColor: 'rgba(0, 123, 255, 0.5)'
        }]
      },
      options: {
        // 配置项
      }
    });
  }
}
</script>