Question

在Chart.js 2中，我生成一个散点图，其中x坐标是Epoch时间戳，y坐标是整数。我想知道是否有办法格式化图表的x轴标签，以便日期以人类可读的格式显示。

更新：目前我正在用Unix时间戳构建我的图形，以毫秒为单位。该原型的其他部分使用Date类的toDateString方法格式化这些日期（例如，2016年8月5日星期五）。

Answer 1

为此，您可以使用ticks.userCallback选项中的scales.xAxes，以便为每个xaxis tick返回格式化日期。如果您正在使用捆绑版本，则chartjs附带了momentjs，这使得它非常简单，但如果您只是以毫秒为单位传递时间戳，则可以对标签执行任何操作。

options: {
    scales: {
        xAxes: [{
            ticks: {
                userCallback: function(label, index, labels) {
                    return moment(label).format("DD/MM/YY");
                }
             }
        ]}
     }
 }

小提琴https://jsfiddle.net/leighking2/q5ak7p3h/

Answer 2

3.4 版你可以这样做：

 options: {
        scales: {
            x: {
                ticks: {
                    // Include a dollar sign in the ticks
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }
        }
    }

修改Chart.js中Scatterplot的X轴标签2

2 个答案: