Соедините Google Chart Developer с БД, используя PHP, MYSQL & amp; JSON
Я сталкиваюсь с проблемой при получении данных из моей БД. Ниже приведен код PHP, который я пробовал после проведения моего исследования. Поскольку я новичок в PHP, у меня возникли проблемы с получением данных из моей БД, которая работает на сервере и имеет Линейная диаграмма визуализации, используя Google Chart Developer. Я надеюсь, что кто-то может помочь мне в этом.
Проблема: код соединяется с БД, но страница пуста, и время от времени отображается страница НЕТ Найдена. Я не могу найти способ отладки этой ошибки, поэтому я размещаю свой код в переполнении стека.
<?php
// set the db connection
$host ="localhost";
$user="xxxxxx";
$password="xxxxxx_0xxxxxA";
hash('xxxxxxxx',$password);
$port="xxxxxxxx";
$schema="xxxxx_vxxx4_xx2";
$conn = new mysqli($host, $user, $password, $schema , $port);
if ($conn->connect_error) {
die('Could not connect: ' .$conn->connect_error);
echo "Please contact you System administrator";
}
// done with connection
$query="select date,totalrain_mm from 'c_weather' where date between '2017-03-24' and DATE_ADD('2017-03-24',INTERVAL 60 DAY);"
$result = mysqli_query($conn, $query);
$rows = array();
$table = array();
$table['cols'] = array (
array(
'label' => 'Date Time',
'type' => 'datetime'
),
array(
'label' => 'Temperature',
'type' => 'number'
)
);/**foreach($result as $row){
$temp = array();
//values
$temp[] = array ('v' => (date) $row['date']);
$temp[] = array ('v' => (float) $row['totalrain_mm']);
$rows[] = array('c' => $temp);
}
$result->free();
$table['rows'] = $rows;
$jsonTable = json_encode($table, true);
echo $jsonTable;**/
while($row = mysqli_fetch_array($result)){
$sub_array = array();
$sub_array[] = array(
"v" => $row["datetime"]
);
$sub_array[] = array(
"v" => $row["totalrain_mm"]
);
$rows[] = array(
"c" => $sub_array
);
}
$table ['rows'] = $rows;
$jsonTable = json_encode($table, true);
echo $jsonTable;
?><html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts /loader.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
google.charts.load('current',{'packages':['corechart']});
google.charts.setOnLoadCallback(drawchart);
function drawchart()
{
var data = new google.visualization.DataTable(
<?php echo $jsonTable; ?>);chart.draw(data, google.charts.Line.convertOptions(options));
}
</script>
<style>
.page-wrapper{ width:1000px; margin:0 auto;}
</style>
</head>
<body>
<div class="page-wrapper">
<br />
<div id="line_top_x" style="width: 100%; height:500px"></div>
</div>
</body>
</html>
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …