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如果由于填充而缺少截断值

图表JS自定义标签不起作用

1 个答案: