图表 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

注意：检查选项中的填充值，查看此链接以获取更多详细信息 - 图表.js y轴标签被截断，以防由于填充而丢失截断值