Chart JS 自定义标签不起作用

Question

我正在尝试截断水平条形图上的标签，但似乎无法使回调真正起作用。

yAxes: [{
        maxBarThickness: 50,
        gridLines: false,
        ticks: {
          padding: 10,
          callback: value => {
            let new_label = null;
            if (value.length > 15) {
              new_label = value.substring(0, 15) + '...';
            } else {
              new_label = value;
            }
            return new_label;
          },
        },
      }],

Answer 1

要获得预期结果，请使用以下选项，使用 toString() 将值更改为字符串，然后仅 return 值基于长度

callback: value => {
                if (value.toString().length > 15) {
                 return value.toString().substr(0, 15) + '...'; //truncate
                   } else {
                 return value
                }
              }

参考代码示例 - https://codepen.io/nagasai/pen/zaLVeO

注意：检查选项中的填充值，检查此 link 了解更多详细信息 - Chart.js y axis labels are truncated 以防因填充而丢失截断值

Chart JS 自定义标签不起作用

Chart JS Custom Labels don't work

javascript

truncate

chart.js