不像这样工作：

<template>
  <Bar
    :chart-options="chartOptions"
    :chart-data="$attrs['chart-data'] || chartData"
    :chart-id="chartId"
    :dataset-id-key="datasetIdKey"
    :plugins="plugins"
    :css-classes="cssClasses"
    :styles="styles"
    :width="width"
    :height="height"
  />
</template>

<script>
import { Bar } from 'vue-chartjs/legacy'
import 'chart.js/auto'

export default {
  name: 'BarChart',
  components: { Bar },
  props: {
    chartId: {
      type: String,
      default: 'bar-chart',
    },
    datasetIdKey: {
      type: String,
      default: 'label',
    },
    width: {
      type: Number,
      default: 400,
    },
    height: {
      type: Number,
      default: 400,
    },
    cssClasses: {
      default: '',
      type: String,
    },
    styles: {
      type: Object,
      default: () => {},
    },
    plugins: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      chartData: {},
      chartOptions: {
        responsive: true,
        title: {
          display: true,
          text: 'Custom Chart Title',
        },
      },
    }
  },
}
</script>

尝试使用以下内容进行编辑：https://codesandbox.io/s/exciting-ully-2wst65?file=/src/components/Bar.vue，但没有任何工作。
所有信息收集自：https://vue-chartjs.org/api/如果导入auto，则不需要注册组件。
也许一些想法？