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

Question

所以，我一直在查看这里的文档： 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 日期时间对象以转换为数据点数组的 x 变量中的那些数字。

Answer 1

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

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

注意：在PHP中，时间戳是从1970年1月1日UNIX纪元开始计算的以秒表示的值（也称为UNIX时间戳）-您拨打的电话号码。

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

CanvasJS docs show weird datapoints on the x-axis

javascript

php

arrays

datetime

canvasjs