Статическая диаграмма с меткой времени по оси x

Question

Я хочу создать статическую таблицу значений, выведенную из базы данных MySQL. Формат диаграммы будет (ось x: dd/mm/yy hh: mm: ss (соответствует временной отметке базы данных mysql)), а ось y будет двойным значением. Я могу успешно извлечь эти значения из базы данных MySql. Мне нужна помощь в их построении по ZingChart

Answer 1

Nikita.

Как только вы извлекли свои значения из своей базы данных MySQL, вам нужно будет преобразовать значения даты MySQL в Unix-время в миллисекундах. Я заполнил массив $date значениями даты MySQL и повторил его по массиву, вызвав strtotime, чтобы сначала преобразовать в Unix-время, и умножить на 1000 для преобразования в миллисекунды. Чтобы иметь возможность напрямую изменять элементы массива в цикле, мне также предшествовало значение $, чтобы назначить по ссылке.

foreach ($date as &$value){ 
    $value = strtotime($value) * 1000; 
} 

Так что теперь значения в массиве $date были преобразованы в соответствующий формат, это время, чтобы создать массив JavaScript из массива PHP. Это может быть сделано с помощью присоединиться():

var dateValues = [<?php echo join($date, ',') ?>]; 

Полученный массив выглядит следующим образом:

var dateValues = [1356994800000,1357081200000,1357167600000, ... ]; 

Чтобы использовать этот массив в ZingChart, используйте dateValues ​​переменную с «значений» в масштабе-х объект. Чтобы преобразовать значения времени Unix в даты в ZingChart, добавьте объект «transform» и установите для него «type»: «date».

"scale-x":{ 
    "values": dateValues, 
    "transform":{ 
    "type":"date", 
    "item":{ 
     "visible":false 
    } 
    } 
}, 
... 

Это касается шкалы. Чтобы получить другие значения в диаграмме, вы делаете почти то же самое. Преобразуйте массивы PHP в массивы JavaScript и используйте переменную массива в вашей диаграмме JSON.

С массива $ серии PHP:

var seriesValues = [<?php echo join($series, ',') ?>]; 

В диаграмме JSON:

"series":[ 
    { 
    "values":seriesValues 
    } 
] 

Я собрал все это в к Github Gist для вас. Дайте знать, если у вас появятся вопросы!

Answer 2

Ознакомьтесь с нашим demos repo на GitHub. У нас есть учебник, посвященный примерно connecting to a MySQL database with PHP.

На нашем сайте также есть step-by-step walkthrough.

Если вы поделитесь своим JSON или более подробной информацией об этом, я могу помочь вам скомпоновать вашу диаграмму.

Я нахожусь в команде ZingChart. Пожалуйста, дайте мне знать, если у вас есть другие вопросы.