更新vue-chartjs yaxis最大值，而无需重新呈现整个vue图表js

import { Line } from 'vue-chartjs';
import Chart from 'chart.js';

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

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

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

export default {
  components: {
    LineChart
  },
  data() {
    return {
      chartData: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [
          {
            label: 'Data',
            backgroundColor: 'rgba(0, 123, 255, 0.5)',
            borderColor: 'rgba(0, 123, 255, 1)',
            data: [10, 20, 30, 40, 50, 60, 70]
          }
        ]
      },
      chartOptions: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
          yAxes: [{
            ticks: {
              beginAtZero: true,
              max: 100 // 初始的y轴最大值
            }
          }]
        }
      }
    };
  },
  methods: {
    updateYAxisMaxValue(newMaxValue) {
      this.chartOptions.scales.yAxes[0].ticks.max = newMaxValue;
      this.$refs.lineChart._chart.update(); // 更新图表
    }
  }
}
</script>

this.updateYAxisMaxValue(200); // 更新y轴最大值为200