Javascript Chartjs未显示实际值（值正在调整大小）

当我用一些值创建一个图表时，这些值会被调整大小，我不知道为什么。以下是预期图表和现实的图像：

预期：

现实：

• 数据中的值是相同的
• 每次我重新加载页面时，图表中的值都会不同
• 有时图形甚至没有出现

以下是我在创建图表时的选项：

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

图表的创建：

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

$（'#allCanvas'）。追加（``）；
$（`generalChart-1`）[0]。高度=300；
let chart=新图表（$（`generalChart-1`）[0].getContext（'2d'）{
键入：“水平线”，
数据：{
标签：tLabels，
数据集：[{
标签：“百分之十”，
数据：tData，
背景颜色：formatNumberToColor（tData）
}]
},
选项：默认选项
});

如果没有“调试”的源代码，就无法提供帮助。我现在添加了您提供的tLabels和tData阵列的代码。是的，错误肯定存在于您的数据中，如果没有来自tLabels和tData的数据，我们将无法帮到您。