Chart JS обновляет пончик с 0 до 100, я хочу, чтобы он сам отрегулировал размеры дуги

Привет, я работаю над приложением Vue, здесь я использую VueChartJs:3.5 каждый раз, когда Vuex запускает событие получения, диаграмма пончика будет повторно отображать от 0 до 100, как это предотвратить? Я хочу, чтобы он регулировал дуги в соответствии с поступающими данными

<script>
import { Doughnut } from "vue-chartjs";
export default {
  props: {
    label: Array,
    dataVal: Array,
    getTotalCount: Number,
  },
  data: function () {
    return {
      labelVal: [],
      dataInfoVal: [],
    };
  },
  name: "chartjs",
  extends: Doughnut,
  watch: {
    dataVal: function (newVal) {
      this.dataInfoVal = newVal;
      this.getChart();
    },
  },
  methods: {
    plugin: function (chart) {
      var width = chart.chart.width;
      var height = chart.chart.height;
      var ctx = chart.chart.ctx;
      ctx.restore();
      var fontSize = (height / 114).toFixed(2);
      ctx.font = fontSize + "em sans-serif";
      ctx.textBaseline = "middle";

      var text = this.getTotalCount;
      var textX = Math.round((width - ctx.measureText(text).width) / 2);
      var textY = height / 2;

      ctx.fillText(text, textX, textY);
      ctx.save();
    },
    getChart() {
      this.labelVal = this.label;
      this.dataInfoVal = this.dataVal;
      console.info("labelVal", this.labelVal);
      this.addPlugin({
        id: "doughnut-plugin",
        beforeDraw: this.plugin,
      });
      this.renderChart(
        {
          labels: this.labelVal,
          datasets: [
            {
              backgroundColor: [
                "#20af25", // Green
                "#ffb224", // Skyblue
                "#c8c8c8", // Grey
                "#ee1010", // Red
                "#000000", // black
              ],
              data: this.dataVal,
            },
          ],
        },
        {
          responsive: true,
          maintainAspectRatio: false,
          
          legend: {
            display: false,
            labels: {
              fontColor: "rgb(255, 99, 132)",
            },
          },
        }
      );
    },
  },
  mounted() {
    this.getChart();
  },
  created() {
    this.unsubscribe = this.$store.subscribe((mutation) => {
      if (mutation.type == "setInitialData") {
        this.getChart();
      }
    });
  },
  beforeDestroy() {
    this.unsubscribe();
  },
};
</script>

любая помощь будет принята с благодарностью