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

时间:2016-08-04 20:47:00

标签: javascript chart.js chart.js2

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

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

2 个答案:

答案 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");
                }
             }
        ]}
     }
 }

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

答案 1 :(得分:0)

3.4 版你可以这样做:

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