问题描述
我正在创建一个 -y 轴值高达近一百万的 chart.js 折线图。 y 轴上的值是 0 100000 200000 300000 400000 等等。这可能读起来很烦人,我想将这些数字更改为表示 100k 200k 300k 的字符串,同时仍然保持与之前相同的值,只是在页面上显示不同的值。 这可能吗? 谢谢
解决方法
使用他们文档中的这个例子,而不是返回一个美元符号 + 返回值:(value/1000 + 'K')
options: {
scales: {
yAxes: [{
ticks: {
// Include a K in the ticks
callback: function(value,index,values) {
return (Number.parseInt(value)/1000) + 'K';
}
}
}]
}
}
https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats