呈现Highcharts的问题-通过PHP/MySQL填充
Issues Rendering Highcharts - Populating through PHP/MySQL
我希望有人能在这里帮助我,我一直在研究高图,将其作为从sql数据库绘制动态数据的一种方式。。。。到目前为止,我得出的结果如下,这很奇怪,似乎是正确的,数据是正确的。然而,我无法渲染我的图表,现在我已经尝试通过Chrome和IE查看图表,但没有结果,有人能看到我可能错在哪里,或者哪里有错误吗。。。我的数据正在传递到JS数组中,所以渲染端出现了问题。。。任何帮助都将不胜感激。我已经关闭了我的html标签,但由于某种原因,它没有显示在这篇文章中。。。如果有人有任何建议,我会很高兴听到他们!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src='highcharts.js' type='text/javascript'> </script>
<script src='exporting.js' type='text/javascript'> </script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script>
</head>
<body>
<?php
include "connect_db.php";
$SQL1 = "SELECT review.reviewForum AS reviewForum,
COUNT(CASE WHEN mom.result = 'Approved' THEN 'yes' ELSE NULL END) AS Approved,
COUNT(CASE WHEN mom.result = 'NOT Approved' THEN 'yes' ELSE NULL END) AS Not_Approved,
COUNT(CASE WHEN mom.result = 'Cancelled' THEN 'yes' ELSE NULL END) AS Cancelled
FROM review INNER JOIN mom ON mom.reviewId = review.reviewId GROUP BY review.reviewForum";
$result1 = mysql_query($SQL1);
$data1 = array();
while ($row = mysql_fetch_array($result1)) {
$data1[] = $row['reviewForum'];
}
$result2 = mysql_query($SQL1);
$data2 = array();
while ($row = mysql_fetch_array($result2)) {
$data2[] = $row['Approved'];
}
$result3 = mysql_query($SQL1);
$data3 = array();
while ($row = mysql_fetch_array($result3)) {
$data3[] = $row['Not_Approved'];
}
$result4= mysql_query($SQL1);
$data4 = array();
while ($row = mysql_fetch_array($result4)) {
$data4[] = $row['Cancelled'];
}
?>
<script type="text/javascript">
$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'TC REVIEW RESULT STATS'
},
xAxis: {
categories: [<?php echo join($data1, ',') ?>],
},
yAxis: {
min:0
},
legend: {
layout: 'vertical',
backgroundColor: '#FFFFFF',
align: 'left',
verticalAlign: 'top',
x: 50,
y: 35,
floating: true,
shadow: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [ {
name: 'Approved',
data: [<?php echo join($data2, ',') ?>],
pointStart: 0
//pointInterval
},
{
name: 'Unapproved',
data: [<?php echo join($data3, ',') ?>],
pointStart: 0
//pointInterval
},
{
name: 'Cancelled',
data: [<?php echo join($data4, ',') ?>],
pointStart: 0
//pointInterval
},
]
});
});
</script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
我建议您开始尝试在没有生成代码的情况下渲染一个。如果这不起作用,你可能想在jsfiddle上分享,我们可以看看:-)。如果它确实有效,您应该将它与生成的代码进行比较。
{
name: 'Cancelled',
data: [<?php echo join($data4, ',') ?>],
pointStart: 0
//pointInterval
}, // This comma is a syntax error
]
你看到那个逗号了吗?你不能在"}"之前加逗号,因为你在多个地方都有逗号。
去掉xAxis下categories语句后面的逗号。
xAxis: {
categories: [<?php echo join($data1, ',') ?>],
},
应该是
xAxis: {
categories: [<?php echo join($data1, ',') ?>]
},
我认为真正的原因是:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script>
<script src='highcharts.js' type='text/javascript'> </script>
<script src='exporting.js' type='text/javascript'> </script>
首先加载jQuery,然后加载Highcharts。
相关文章:
- 单击鼠标,用MySQL数据填充html表单输入字段
- 如何在下拉列表更改时自动填充mysql查询结果中的文本框值
- 使用 MySQL 条目填充下拉列表
- 用 MySql 数据填充 JavaScript 数组
- 在选择下拉选项时,从mysql数据库填充HTML表单字段
- 呈现Highcharts的问题-通过PHP/MySQL填充
- 在“onexit”或“onsubmit”之后,查询mysql并填充表单字段,而无需离开页面php js
- 使用下拉列表中的值查询 MySQL 数据库,然后使用结果填充文本字段而不刷新页面
- 如何使用 .ajax 拉取 MySQL 数据并用它填充表单
- 根据先前的选择填充单个输入 - MYSQL PHP JS
- 在 JavaScript 中使用 MySQL 数据库中的数据填充下拉列表
- 使用 ajax 从 mysql 填充 jQuery 数据表
- 使用 PHP/MySQL 填充 JavaScript 数组
- Javascript本地存储无法使用从mysql填充的下拉菜单
- 自定义选择选项作为mysql填充的下拉列表中的第一个选项
- 使用JS、JSON、PHP和MYSQL填充表单SELECT选项
- 用MySQL填充jQuery数据表
- 使用javascript数组从PHP/MySQL填充选择菜单
- 从MySQL填充选择菜单的函数
- 试图从第一个下拉菜单php mysql填充第二个下拉菜单