图表 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() 将值更改为字符串，然后根据长度返回值

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

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

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