使用Javascript绘制时间戳数据

我有一个时间戳数组，比如

[1485343314150、1485343314150、1485343314150、1485343314300、1485343314300、14853433144001485343314450]

。 这里有3个值用于

1485343314150

，2个值用于

1485343314300

，而

1485343314400

和

1485343314450

所以当在图表上绘图时

X=[1485343314150148534331430014853433144001485343314450]

Y=[3,2,1,1]

我需要一种表示这些X和Y的方法，以便将Xs值转换为人类可读的日期时间，如2月24日下午5:25

可以通过

Chart.js

或

amCharts

完成吗？我搜索了，但找不到任何内容。

在AmCharts中，如果您使用的是序列图表（直线、平滑线或列），则可以在

类别轴中设置为
true
（与X轴相同）。AmCharts的XY图表也可以通过将其中一个valueAxes设置为“日期”

，来处理日期，但可用的图表类型仅限于线条/项目符号

当您启用parseDates时，图表将自动对其进行格式化，以使用可读的日期字符串。您可以通过在categoryAxis中指定自己的数组来调整格式。你可以找到更多的信息

下面是一个使用序列图的示例。您的数据频率以毫秒为单位，因此我将categoryAxis设置为：

var chart=AmCharts.makeChart（“chartdiv”{
“类型”：“串行”，
“主题”：“光”，
“数据提供者”：[{
“时间戳”：1485343314150，
“价值”：3
},{
“时间戳”：1485343314300，
“价值”：2
},{
“时间戳”：1485343314400，
“价值”：1
},{
“时间戳”：1485343314450，
“价值”：1
}],
“图表”：[{
“子弹”：“圆形”，
“类型”：“平滑线”，
“值字段”：“值”
}],
“categoryField”：“时间戳”，
“分类法”：{
“parseDates”：正确，
“minPeriod”：“fff”
}
});
#chartdiv{
宽度：100%；
高度：300px；
}

有很好的日期格式化功能，我认为amCharts至少有自己的格式化功能可用-在任何情况下，任何图表库都应该能够将时间戳转换为格式化日期请参见：“labelFunction”：函数（值）{var date=新日期（值）；返回AmCharts.formatDate（日期，“MMM DD”）；}