javascript - 如何将一年中的日期 (0-365) 转换为实际日期并将值设置为 x 轴

Question

我有一个文本文件，其中包含一年中的某一天作为一列以及与其关联的值。

类似这样的

day value
59   0.2
60   0.6
63  5.07

这里的日期列代表一年中的日期，即 59/365、60/365、63/365。

dataPoints.push({x: parseFloat(x1), y: parseFloat(y1)});// x1 and y1 are variables containing "59" and "0.2" .

我能够获取这些数据并将它们作为 x 和 y 坐标推送，并使用 CanvasJS 显示折线图。

但我试图在 x 轴上显示实际日期，以便这些值对应于特定日期 即2月28日、3月1日、3月6日。

如何将日期转换为实际日期，然后将其传递到数据点中。

Answer 1

您可以计算毫秒并使用函数toLocaleString来获取月份和日期。

重要提示:请注意闰年。

var day = 59;
var date = new Date(day * 24 * 60 * 60 * 1000); // This will place that date in YEAR 1970.

var options = { month: 'short', day: 'numeric' };
console.log(date.toLocaleString('us', options))

文档

• Date.prototype.toLocaleString()