VueJS -如何通过单击按钮来显示图表，以及最初如何在vue-chartjs中显示页面加载期间的chart1

npm install vue-chartjs chart.js

import { Bar } from 'vue-chartjs';

export default {
  extends: Bar,
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data',
            backgroundColor: '#f87979',
            data: [40, 20, 30, 50, 10, 25, 35]
          }
        ]
      },
      options: {
        responsive: true,
        maintainAspectRatio: false
      }
    };
  },
  mounted() {
    this.renderChart(this.chartData, this.options);
  }
};

<template>
  <div>
    <button @click="showChart">Show Chart</button>
    <div>
      <bar-chart v-if="chartVisible" :data="chartData" :options="options"></bar-chart>
    </div>
  </div>
</template>

methods: {
  showChart() {
    this.chartVisible = !this.chartVisible;
  }
}

data() {
  return {
    chartVisible: false,
    // 其他数据和选项...
  };
}