ChartJS v3.5.1 中截断画布标签

Question

我有一个带有很长标签的条形图，它正在缩小画布。如果标签超过 10 个字符，我会尝试截断它。我尝试了在另一篇文章中找到的解决方案：

options: {
        responsive: true,
        maintainAspectRatio: false,
        scales: {
            xAxes: [{
                ticks: {
                    callback: function (value: string) {
                        return value.substr(0, 10);//truncate
                    },
                }
            }],
            yAxes: [{}]
        },
        tooltips: {
            enabled: true,
            mode: 'label',
        },
    }

这似乎不起作用，无法弄清楚原因。

bar char image here

Answer 1

在这里，您只需删除对我有用的函数中的字符串

options: {
  responsive: true,
  maintainAspectRatio: false,
  scales: {
      xAxes: [{
          ticks: {
              callback: function (value) {
                  return value.substr(0, 10);//truncate
              },
          }
      }],
      yAxes: [{}]
  },
  tooltips: {
      enabled: true,
      mode: 'label',
  },
}