vue-chartjs删除顶部矩形(datasets标签)

import { Line, mixins } from 'vue-chartjs';
const { reactiveProp } = mixins;

export default {
  extends: Line,
  mixins: [reactiveProp],
  props: ['options'],
  mounted() {
    this.renderChart(this.chartData, this.options);
  }
}

<template>
  <div>
    <canvas></canvas>
  </div>
</template>

<template>
  <div>
    <chart :chart-data="chartData" :options="chartOptions"></chart>
  </div>
</template>

<script>
import Chart from './Chart.vue';

export default {
  components: {
    Chart
  },
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data',
            backgroundColor: 'rgba(255, 99, 132, 0.2)',
            borderColor: 'rgba(255, 99, 132, 1)',
            data: [65, 59, 80, 81, 56, 55, 40]
          }
        ]
      },
      chartOptions: {
        // 图表选项配置
      }
    };
  }
}
</script>