Chartjs не показывает реальные значения (значения изменяются)

Question

Когда я создаю диаграмму с некоторыми значениями, значения меняются, и я не знаю почему. Вот изображения ожидаемого графика и отображаемой реальности:

Ожидаемое:

Реальность:

• Значения в данных одинаковы
• Каждый раз, когда я перезагружаю страницу, значения на графике появляются по-разному
• Иногда графика даже не отображается

Вот мои варианты при создании диаграммы:

var defaultOptions = {
  legend: {
    position: 'bottom',
    labels: {
      usePointStyle: true,
      fill: true
    }
  },
  scales: {
    xAxes: [{
      ticks: {
        min: 0,
        max: 100
      }
    }],
    yAxes: [{
      ticks: {
        callback: function(value, index, values) {
          try {
            value = generateMultilineText(value.replace(/"/g, '"'), 50, 1);
          } catch (e) {
            console.log('erro - callback ticks');
          }
          return value;
        }
      }
    }]
  },
  layout: {
    padding: {
      left: 0,
      right: 0,
      top: 0,
      bottom: 0
    }
  },
};

Создание диаграммы:

$('#allCanvas').append(`<canvas id="generalChart-1" style="width: 100% !important; max-width: 800px;"></canvas>`);

$(`#generalChart-1`)[0].height = 300;

let chart = new Chart($(`#generalChart-1`)[0].getContext('2d'), {
  type: 'horizontalBar',
  data: {
    labels: tLabels,
    datasets: [{
      label: "Percentual atual",
      data: tData,
      backgroundColor: formatNumberToColor(tData)
    }]
  },
  options: defaultOptions
});