Документы CanvasJS показывают странные точки данных на оси X

Итак, я смотрел документы здесь: 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 в массиве переводятся в месяцы, как на этом прикрепленном изображении здесь? Документы CanvasJS показывают странные точки данных на оси X

А также, как мне преобразовать мой объект php datetime для перевода в эти числа в переменной x массива точек данных.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
66
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

CanvasJS — это библиотека JavaScript, которая принимает число / объект даты JavaScript / временную метку JavaScript в качестве значения x. Поскольку у вас есть объект даты в PHP, сначала вы должны преобразовать дату и время PHP в метку времени PHP, используя стртотайм. Затем вам нужно преобразовать его в временную метку JavaScript (умножая временную метку PHP на 1000).

И в соответствии с документация, если вы предоставляете значения временной метки вместо объектов Date, вам придется явно установить для xValueType значение «dateTime». Поэтому, когда вы передаете метку времени в параметры диаграммы и устанавливаете для xValueType значение «dateTime», библиотека рассматривает ее как дату и время.

Примечание: В PHP временная метка представляет собой значение, представленное в секундах, рассчитанное с эпохи UNIX, 1 января 1970 г. (также называемое временной меткой UNIX), которое вы вызываете как число.

Другие вопросы по теме