Гистограмма в Chart.js не отображает мои данные - PullRequest
Новая
       15

Гистограмма в Chart.js не отображает мои данные

0 голосов
/ 11 января 2019

Я разрабатываю приложение Vuejs и использую Chart.js, чтобы нарисовать мою гистограмму, которая перестала работать внезапно. На рисунке ниже показан пустой график после отправки на него данных и параметров для отображения:

Bar chart not working

До сих пор я без проблем использовал свою гистограмму. И теперь это не рисует мои данные. Я проверил мой HTML-код в браузере, и он действительно создает элемент. Похоже, что-то не так происходит между наборами данных и метками ... Я также зарегистрировал параметры, которые отправляются в метод renderChart (): 

chartData = WeeklyBarChart{"labels":["sábado, 29 sep.","domingo, 30 sep.","lunes, 1 oct.","martes, 2 oct.","miércoles, 3 oct.","jueves, 4 oct.","viernes, 5 oct."],"datasets":[{"label":"Pasos","backgroundColor":"#f87979","data":[5560,17486,8242,4067,18866,4957,16943]}]}

options = WeeklyBarChart{"scales":{"yAxes":[{"ticks":{"beginAtZero":true},"gridLines":{"display":true}}],"xAxes":[{"gridLines":{"display":false},"type":"time","time":{"parser":"dddd, D MMM","displayFormats":{"day":"dddd"},"unit":"day"}}]},"legend":{"display":false},"responsive":true,"maintainAspectRatio":false}

Это метод, который анализирует мои метки. Он получает массив дат и возвращает другой массив с теми днями на испанском языке и моим желаемым форматом: 

parseDateArrayToDayArray(arr){

        let arrayLength = arr.length;
        let result = Array();
        for (let i = 0; i < arrayLength; i++) {
          let oldDate = new Date(arr[i]);
          let localLocale = moment(oldDate);
          moment.locale('es');
          localLocale.locale(false);
          result.push(localLocale.format('dddd, D MMM'));
        }
        return result
      }

Я ожидаю, что эта гистограмма отображает мои данные в соответствии с моими метками. Но, как я уже сказал, ничего не отображается. Я использую другие графики, и все они работают правильно. Единственное, что меняется между ними - это формат данных и меток.

...