[英]PHP My SQL Highcharts multiquery issue
我正在嘗試構建一個網頁,其中將顯示圖表並從下拉菜單中加載數據。 我有 2 個數據集,但我認為無法執行正確的 MySql 請求。 2 個數據集一個存儲在同一個數據庫中但不同的表中。 我不能把它們放在同一張桌子上,因為它們的長度和頻率不一樣。(一個是月度數據,另一個是周數據)
這是代碼。 任何幫助將不勝感激!
<?php
mysql_connect('xxxxxxxxxxxx.com', 'xxxxx', 'xxxxxx') or die(mysql_error());
mysql_select_db("database123") or die(mysql_error());
$result1 = mysql_query("SELECT * FROM table1")
or die(mysql_error());
$data1 = array();
while ($row1 = mysql_fetch_array( $result1)) {
extract($row1);
$datetime1 = date('Y, n, j', strtotime($table1_date ));
$datetime2 = 'Date.UTC('.$datetime1.')';
$data[] = "[$datetime2, $table1_data]";
}
?>
<?php
mysql_connect('xxxxxxxxxxxx.com', 'xxxxx', 'xxxxxx') or die(mysql_error());
mysql_select_db("database123") or die(mysql_error());
$result2 = mysql_query("SELECT * FROM table2")
or die(mysql_error());
$data2 = array();
while ($row2 = mysql_fetch_array( $result2)) {
extract($row2);
$datetime3 = date('Y, n, j', strtotime($table2_date ));
$datetime4 = 'Date.UTC('.$datetime3.')';
$data2[] = "[$datetime4, $table2_data]";
}
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var options = {
chart: {
renderTo: 'container',
defaultSeriesType: 'column'
},
series: [{name: 'A', data: [<?php echo join($data, ',') ?>]}]
};
var chart = new Highcharts.Chart(options);
});
$("#list").on('change', function(){
//alert('f')
var selVal = $("#list").val();
if(selVal == "A" || selVal == '')
{
options.series = [{name: 'A', data: [<?php echo join($data, ',') ?>]}]
}
else
{
options.series = [{name: 'D', data: [<?php echo join($data2, ',') ?>]}]
}
var chart = new Highcharts.Chart(options);
});
</script>
</head>
<body id="index" class="home">
<SELECT id="list">
<option VALUE="A">Data Set A</option>
<option VALUE="B">Data Set B</option>
</SELECT>
<button id="change">Refresh Table</button>
<div id="container" style="min-width: 350px; height: 400px; margin: 0 auto"></div>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
</body>
</html>
我建議准備php腳本,它將獲取參數形式的url(如$_GET['table']),並調用數據庫查詢。 之后,通過 json_encode() 返回正確的數組。 在 javascript 中,您可以使用 $.getJSON() 並從 php 加載數據作為 json,然后使用 highcharts。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.