[英]Morris.js Bar Graph in php?
我正在使用 Morris.js 圖表來顯示我的 MySQL 數據。 不幸的是,圖表根本不可見。 我遵循了一個簡單的教程,但仍然沒有任何反應。 我在代碼中做錯了什么? 我假設Morris.Bar
代碼下的data
格式應該不同。 格式應該是什么?
<?php
$connect = mysqli_connect("localhost", "host", "", "_data");
$query = "SELECT * FROM Datas";
$result = mysqli_query($connect, $query);
$chart_data = '';
while($row = mysqli_fetch_array($result))
{
$chart_data .= "{ ID:'".$row["ID"]."', Name:".$row["Name"].", Wrongs:".$row["Wrongs"].", Rights:".$row["Rights"].", Percentage:".$row["Percentage"].", Age:".$row["Age"]."}, ";
}
$chart_data = substr($chart_data, 0);
?>
<!DOCTYPE html>
<html>
<head>
<title>Webslesson Tutorial | How to use Morris.js chart with PHP & Mysql</title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
</head>
<body>
<br /><br />
<div class="container" style="width:900px;">
<h2 align="center">MySQL</h2>
<h3 align="center">Data</h3>
<br /><br />
<div id="chart"></div>
</div>
</body>
</html>
<script>
Morris.Bar({
element: 'chart',
data:[<?php echo $chart_data; ?>],
xkey: 'ID',
ykeys: ['Wrongs', 'Rights'],
labels: ['Wrongs', 'Rights'],
});
</script>
我找到了,我只需要在調用Morris.Bar
之前添加一個單行函數,該函數是在繼續之前檢查文檔是否准備好:
<script>
$(document).ready(function () {
Morris.Bar({
element: 'chart',
data:[<?php echo $chart_data; ?>],
xkey: 'ID',
ykeys: ['Wrongs', 'Rights'],
labels: ['Wrongs', 'Rights'],
});
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.