vue -чарткик не работает с Дайнами c Данные в Vue JS - PullRequest
0 голосов
/ 18 марта 2020

Использование chartkick в VueJS Когда я помещаю данные c stati, они работают нормально, а когда я устанавливаю их динамически, они не работают. Я проверил данные печатью, и все выглядит нормально, но не работает.

Пожалуйста, посмотрите пример кода, я хочу поместить данные ответа API (теперь это пустышка для теста) в этот chartData [0 ] ["data"] , также видно, что все идет хорошо, но chartUI не отображается.

mounted() {
    this.renderChart();
  },
  methods: {
    renderChart() {
      var self = this;
      Axios.get("http://dummy.restapiexample.com/api/v1/employees").then(
        response => {
          var data = {
            "2017-01-01": 5,
            "2017-01-02": 3
          };
          self.chartData[0]["data"] = data;
        }
      );
    }
  },
  data() {
    return {
      items: [],
      chartData: [
        {
          name: "Workout",
          data: {}
        },
        {
          name: "Call parents",
          data: {
            "2017-01-01": 5,
            "2017-01-02": 3
          }
        }
      ]
    };
  }

enter image description here

...