PHP Lang
  1. PHP Lang
  3. График диаграммы Google с датой по оси x
Intereting Posts
Как найти первый / второй элемент ассоциативного массива, когда ключи неизвестны? Symfony2 MVC: где мой код? избегая инъекций MySQL с классом Zend_Db Отправлено письмо в папку спама? Получить долготу и широту в качестве пользовательской машины в PHP Как я могу создать пирамиду из-за использования php? usort (): Массив был изменен функцией сравнения пользователей Code Igniter – Получить последний сегмент URI Создать новый PDF из шаблона с PHP @mysql_connect и mysql_connect Как изменить пустую строку на нуль, используя Laravel 5.1? Mysql MySQL или PHP Преобразование строк в два столбца динамически Удаление избыточных строк Отображение нескольких изображений из внешней папки общего доступа Notepad ++ Редактировать подсветку синтаксиса для PHP?

График диаграммы Google с датой по оси x

Работа с графической линией Google. Проблема, с которой я столкнулся, заключается в том, что диаграмма, показывающая значения одного дня, не реализовала временную шкалу с датами. Я понимаю, что график будет широк, если вы получите значения, например, за одну неделю, есть ли способ решить это? Я думал о чем-то подобном?

введите описание изображения здесь

Как это выглядит прямо сейчас:

введите описание изображения здесь

База данных: (дата сохраняется как дата в phpadmin)

введите описание изображения здесь

Код: 

<?php $con=mysql_connect("localhost","root","") or die("Failed to connect with database!!!!"); mysql_select_db("chart", $con); $sth = mysql_query("SELECT * FROM googlechart"); $rows = array(); //flag is not needed $flag = true; $table = array(); $table['cols'] = array( // Labels for your chart, these represent the column titles // Note that one column is in "string" format and another one is in "number" format as pie chart only required "numbers" for calculating percentage and string will be used for column title array('label' => 'Time', 'type' => 'number'), array('label' => 'PH', 'type' => 'number'), array('label' => 'temperature','type' => 'number'), array('label' => 'Chlorine','type' => 'number'), ); $rows = array(); while($r = mysql_fetch_assoc($sth)) { $temp = array(); $temp[] = array('v' => (string) $r['Time']); $temp[] = array('v' => (string) $r['PH']); $temp[] = array('v' => (string) $r['temperature']); $temp[] = array('v' => (string) $r['Chlorine']); $temp[] = array('v' => (int) $r['Time']); $rows[] = array('c' => $temp); } $table['rows'] = $rows; $jsonTable = json_encode($table); echo $jsonTable; ?> <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(<?=$jsonTable?>); var options = { /*width: 900, height: 900, */ title: 'Visualization', /* curveType: 'function', */ legend: { position: 'bottom' }, pointSize: 10, vAxis: {title: "Values", titleTextStyle: {italic: false}}, hAxis: {title: "Time", titleTextStyle: {italic: false}}, }; var chart = new google.visualization.LineChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>

Solutions Collecting From Web of "График диаграммы Google с датой по оси x"

Вы можете получить часть того, что хотите, используя свойство format hAxis , например: 

 hAxis: { format: "HH:mm", ... }

См. hAxis.format конфигурации линейной диаграммы для hAxis.format .

Обновление: пример в jsbin