Диаграмма работает только при перезагрузке - PullRequest
0 голосов
/ 01 мая 2020

Я пытаюсь отобразить данные на графике (используя диаграмму. js).

Для этого я использую nuxt, интерфейс API и mongodb.

Я могу получить данные из БД, но диаграмма появляется только при перезагрузке (рисунок)

chart on reload

Это мой код скрипта моего компонента :

<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);
      }
    }
  }

Я не знаю, где моя ошибка

...