图表仅在重新加载时有效

Question

我正在尝试在图表上显示数据（使用chart.js）。

为此，我正在使用nuxt，后端api和mongodb。

我可以从数据库中获取数据，但是图表仅在重新加载（图片）时出现

这是我组件的脚本代码：

<script>
export default {
  data() {
    return {
      bgColor: "#81894e",
      beginZero: true,
      borderColor: "#FF7F02 ",
      btn: [
        { label: "This year", value: "weight" }
      ],
      data: {
        weight: [],
      },
      dataLabel: "poids",
      labels: {
        month: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jui"]
      },
      radio: "weight",
      labelRadio: "month"
    };
  },
  mounted() {
    this.$store.dispatch('user/getUserWeight');
  },
 methods: {
    user() {
      let data = this.$store.getters['user/getWeight'];
      if (this.data.weight.length == 0) {
        this.data.weight =  String(data).split(",").map(Number);
      }
    }
  }

我不知道我的错误在哪里