作者:栗子丶子兮_481 | 来源:互联网 | 2022-12-12 10:52
我正在使用Chart.js为客户制作一个简单的折线图,但是显示的值都在数百万以上,这使得标签在图表中占据了大量空间,如下所示:
我想缩短标签以显示M而不是六个0。
我查看了文档,但没有发现任何此类信息。
1> robhirstio..:
您可以覆盖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';
}
}
}]
}
}
});
我的小提琴:https : //jsfiddle.net/robhirstio/hsvxbjkg/17/