我用Chart.js给客户端做了一个简单的折线图,但是显示的值都在百万以上,使得标签在图表中占用了很多空间,如下:
例如,我想缩短标签以显示一个 M 而不是六个 0。
我查看了文档,但没有发现任何此类内容。
最佳答案
您可以覆盖此处记录的 ticks.callback
方法:https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats
例如,将 y 轴零点缩写为简单的“M”:
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
scales: {
yAxes: [{
ticks: {
// Abbreviate the millions
callback: function(value, index, values) {
return value / 1e6 + 'M';
}
}
}]
}
}
});
我的 fiddle :https://jsfiddle.net/robhirstio/hsvxbjkg/17/
关于javascript - 缩短 Charts.js 中的数字标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51108964/