0
我在我的數據庫中有一些價值。我想用這些值彙總製作圖表。如何繪製帶有數據庫值的條形圖
這是我的PHP代碼連接數據庫:
<?php
header('Content-Type: text/html; charset=utf-8');
//database
define('DB_HOST', 'localhost');
define('DB_USERNAME', 'futurk_etkin');
define('DB_PASSWORD', 'etkin');
define('DB_NAME', 'futurk_etkin');
//get connection
$mysqli = new mysqli(DB_HOST, DB_USERNAME, DB_PASSWORD, DB_NAME);
if(!$mysqli){
die("Connection failed: " . $mysqli->error);
}
//query to get data from the table
$query = sprintf("SELECT SUM(akim) FROM etkin GROUP BY YEAR(tarih),MONTH(tarih)");
//execute query
$result = $mysqli->query($query);
//loop through the returned data
$data = array();
foreach ($result as $row) {
$data[] = $row;
}
//free memory associated with result
$result->close();
//close connection
$mysqli->close();
echo json_encode($data);
?>
該代碼輸出是:
[{ 「SUM(阿基姆)」: 「851」},{「SUM(阿基姆)「:」64「}]
現在我有繪製圖表的腳本。這裏是我的腳本代碼:
<script>
$(document).ready(function(){
var data = <?php echo json_encode($data) ?>;
var akim = [];
for(var i in data) {
akim.push(data[i].SUM(akim));
}
var chartdata = {
labels: id,
datasets : [
{
label: 'akim',
backgroundColor: 'rgba(200, 200, 200, 0.75)',
borderColor: 'rgba(200, 200, 200, 0.75)',
hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
hoverBorderColor: 'rgba(200, 200, 200, 1)',
data: akim
}
]
};
var ctx = $("#mycanvas1");
var barGraph = new Chart(ctx, {
type: 'bar',
data: chartdata
});
});
</script>
我在哪裏錯了?我認爲它應該可以工作,但它不起作用。