CanvasJS 文档在 x 轴上显示奇怪的数据点答案

【问题标题】：CanvasJS docs show weird datapoints on the x-axisCanvasJS 文档在 x 轴上显示奇怪的数据点
【发布时间】：2019-07-12 21:30:30
【问题描述】：

所以，我一直在这里查看文档： https://canvasjs.com/php-charts/multi-series-area-chart/

它像这样显示数据点数组：

array("x" => 1451586600000, "y" => 96.709),
array("x" => 1454265000000, "y" => 94.918),
array("x" => 1456770600000, "y" => 95.152),
array("x" => 1459449000000, "y" => 97.070),
array("x" => 1462041000000, "y" => 97.305),
array("x" => 1464719400000, "y" => 89.854),
array("x" => 1467311400000, "y" => 88.158),
array("x" => 1469989800000, "y" => 87.989),
array("x" => 1472668200000, "y" => 86.366),
array("x" => 1475260200000, "y" => 81.650),
array("x" => 1477938600000, "y" => 85.789),
array("x" => 1480530600000, "y" => 83.846),
array("x" => 1483209000000, "y" => 84.927),
array("x" => 1485887400000, "y" => 82.609),
array("x" => 1488306600000, "y" => 81.428),
array("x" => 1490985000000, "y" => 83.259),
array("x" => 1493577000000, "y" => 83.153),
array("x" => 1496255400000, "y" => 84.180),
array("x" => 1498847400000, "y" => 84.840),
array("x" => 1501525800000, "y" => 82.671),
array("x" => 1504204200000, "y" => 87.496),
array("x" => 1506796200000, "y" => 86.007),
array("x" => 1509474600000, "y" => 87.233),
array("x" => 1512066600000, "y"=> 86.276)

然后在代码的 JS 部分再往下，它使用以下代码格式化此数据：

xValueType: "dateTime",
xValueFormatString: "MMM YYYY",

所以，我的问题是，数组中 x 键中的这些数字如何转换为此处所附图像中的月份？

另外，我如何将我的 php datetime 对象转换为 datapoints 数组的 x 变量中的那些数字。

【问题讨论】：

标签： javascript php arrays datetime canvasjs

【解决方案1】：

CanvasJS 是一个 JavaScript 库，接受数字/JavaScript 日期对象/JavaScript 时间戳作为 x 值。由于您在 PHP 中有日期对象，首先您应该使用 strtotime 将 PHP 日期时间转换为 PHP 时间戳。然后你需要convert it to JavaScript timestamp（将PHP时间戳乘以1000）。

根据documentation，如果您提供时间戳值而不是 Date 对象，则必须将 xValueType 显式设置为“dateTime”。因此，当您将时间戳传递给图表选项并将 xValueType 设置为“dateTime”时，库会将其视为日期时间。

注意：在 PHP 中，时间戳是表示为从 UNIX 纪元 1970 年 1 月 1 日开始计算的秒数（也称为 UNIX 时间戳） - 您将其称为数字。

【讨论】：