在Chart.js 2中,我生成一个散点图,其中x坐标是Epoch时间戳,y坐标是整数。我想知道是否有办法格式化图表的x轴标签,以便日期以人类可读的格式显示。
更新:目前我正在用Unix时间戳构建我的图形,以毫秒为单位。该原型的其他部分使用Date类的toDateString方法格式化这些日期(例如,2016年8月5日星期五)。
答案 0 :(得分:8)
为此,您可以使用ticks.userCallback
选项中的scales.xAxes
,以便为每个xaxis tick返回格式化日期。如果您正在使用捆绑版本,则chartjs附带了momentjs,这使得它非常简单,但如果您只是以毫秒为单位传递时间戳,则可以对标签执行任何操作。
options: {
scales: {
xAxes: [{
ticks: {
userCallback: function(label, index, labels) {
return moment(label).format("DD/MM/YY");
}
}
]}
}
}
答案 1 :(得分:0)
3.4 版你可以这样做:
options: {
scales: {
x: {
ticks: {
// Include a dollar sign in the ticks
callback: function(value, index, values) {
return '$' + value;
}
}
}
}
}