0
你好，我有以下任務：繪圖陣列
- 檢索數據庫中的數據，並保存到陣列（CHECK）
- 從控制器發送陣列查看（CHECK ）
- 使用json_encode（CHECK）
- 繪圖陣列使用引導圖表（問題傳遞數組javascript函數！）
如果我使用Bootstrap圖表（下面的var d）附帶的標準數組，它將起作用。但是，當我嘗試使用我的代碼時，什麼都沒有發生我在哪裏失敗？
var d = [[-373597200000, 315.71], [-370918800000, 317.45], [-368326800000, 317.50], [-363056400000, 315.86]]
我改用下面的代碼行：
var d = JSON.parse('<?php echo json_encode($my_values) ?>');
這裏是和例子是什麼我的數組樣子，如果我打印出來的空圖的中間：http://postimg.org/image/3t3paj3vn/
這裏是我的全碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flot Examples: Time Axes</title>
<link href="../examples.css" rel="stylesheet" type="text/css">
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../../excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="../../jquery.js"></script>
<script language="javascript" type="text/javascript" src="../../jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="../../jquery.flot.time.js"></script>
</head>
<body>
<select id="chapter_select">
<option value="0"> Select Patient</option>
<?php foreach($patients as $patient):?>
<option value= <?php echo $patient->id?> > <?php echo $patient->name ?> </option>
<?php endforeach?>
</select><br><br>
<?php $i= 0;?>
<?php foreach($datas as $row):?>
<?php $my_values[$i] = (array($row['data'],$row['total']));?>
<?php $i = $i+1;?>
<?php endforeach;?>
<div id="content">
<div class="demo-container">
<div id="placeholder" class="demo-placeholder"></div>
</div>
<p>Monthly mean atmospheric CO<sub>2</sub> in PPM at Mauna Loa, Hawaii (source: <a href="http://www.esrl.noaa.gov/gmd/ccgg/trends/">NOAA/ESRL</a>).</p>
<p>If you tell Flot that an axis represents time, the data will be interpreted as timestamps and the ticks adjusted and formatted accordingly.</p>
<p>Zoom to: <button id="whole">Whole period</button>
<button id="nineties">1990-2000</button>
<button id="latenineties">1996-2000</button></p>
<p>Zoom to: <button id="ninetyninequarters">1999 by quarter</button>
<button id="ninetynine">1999 by month</button>
<button id="lastweekninetynine">Last week of 1999</button>
<button id="lastdayninetynine">Dec. 31, 1999</button></p>
<p>The timestamps must be specified as Javascript timestamps, as milliseconds since January 1, 1970 00:00. This is like Unix timestamps, but in milliseconds instead of seconds (remember to multiply with 1000!).</p>
<p>As an extra caveat, the timestamps are interpreted according to UTC and, by default, displayed as such. You can set the axis "timezone" option to "browser" to display the timestamps in the user's timezone, or, if you use timezoneJS, you can specify a time zone.</p>
</div>
<div id="footer">
Copyright © 2007 - 2014 IOLA and Ole Laursen
</div>
<script type="text/javascript">
$(function() {
var d = JSON.parse('<?php echo json_encode($my_values) ?>');
$("#latenineties").click(function() {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
minTickSize: [1, "year"],
min: (new Date(1996, 0, 1)).getTime(),
max: (new Date(2000, 0, 1)).getTime()
}
});
});
$("#ninetyninequarters").click(function() {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
minTickSize: [1, "quarter"],
min: (new Date(1999, 0, 1)).getTime(),
max: (new Date(2000, 0, 1)).getTime()
}
});
});
$("#ninetynine").click(function() {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
minTickSize: [1, "month"],
min: (new Date(1999, 0, 1)).getTime(),
max: (new Date(2000, 0, 1)).getTime()
}
});
});
$("#lastweekninetynine").click(function() {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
minTickSize: [1, "day"],
min: (new Date(1999, 11, 25)).getTime(),
max: (new Date(2000, 0, 1)).getTime(),
timeformat: "%a"
}
});
});
$("#lastdayninetynine").click(function() {
$.plot("#placeholder", [d], {
xaxis: {
mode: "time",
minTickSize: [1, "hour"],
min: (new Date(1999, 11, 31)).getTime(),
max: (new Date(2000, 0, 1)).getTime(),
twelveHourClock: true
}
});
});
// Add the Flot version string to the footer
$("#footer").prepend("Flot " + $.plot.version + " – ");
});
</script>
</body>
</html>
你不需要的JSON。解析在所有。 'var d = <？php echo json_encode（...）; ？>;'是所有必要的。請記住JSON ** IS ** javascript。一旦php吐出編碼的json到頁面中，瀏覽器將只會看到'var d = [這裏有效的javascript數據]' –
我用json.parse，因爲json_enconde沒有工作......效果是一樣的。但仍然沒有圖。 – DMBorges