[英]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.