Javascript Highcharts在本地（本地主机）显示条形图，但不在线（web主机）
我使用Highchart js使用PHP显示MySQL数据库中的条形图。 这个东西在我的电脑上编写代码时运行得很好。但当我把文件放在网上的时候就没有了Javascript Highcharts在本地（本地主机）显示条形图，但不在线（web主机）,javascript,php,mysql,highcharts,Javascript,Php,Mysql,Highcharts,我使用Highchart js使用PHP显示MySQL数据库中的条形图。 这个东西在我的电脑上编写代码时运行得很好。但当我把文件放在网上的时候就没有了 // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn-
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
<?php
$label = array();
$nilailaki = array();
$nilaiwanita = array();
foreach ($hasil3 as $i => $ii) {
$label[$i] = array($ii['star']);
$nilaiwanita[$i] = (int) $ii['jumlahwanita'];
$nilailaki[$i] = (int) $ii['jumlahlaki'];
}
?>
<script type="text/javascript">
$(function () {
// Create the chart
Highcharts.chart('dataProvider', {
chart: {
type: 'column',
/*backgroundColor: '#E8FFD1',*/
style: {
fontFamily: '"Open Sans", Helvetica, sans-serif', // default font
fontSize: '1em'
},
},
title: {
text: 'PRESTASI LAYANAN PST'
},
subtitle: {
text: 'Berdasarkan Penilaian Pengguna (Range nilai 0-5)'
},
xAxis: {
categories:
[<?php
$arrlength = count($label);
for ($x = 0; $x < $arrlength; $x++) {
echo '"' . $label[$x][0] . '"' . ", ";
}
?>],
title: {
text: 'Rating'
},
},
yAxis: {
title: {
text: 'JUMLAH RATING',
align: 'middle'
}
},
legend: {
enabled: true
},
credits: {
enabled: false
},
plotOptions: {
column: {
dataLabels: {
enabled: false,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black'
}
},
},
series: {
cursor: 'pointer',
dataGrouping: {
enabled: false
}
},
},
tooltip: {
headerFormat: '<table>' +
'<b><i>Rating: {point.key}</span></i></b>'
,
pointFormat: '<tr>' +
'<td style="color:{series.color};font-weight:bold">{series.name}: </td>' +
'<td> : </td>' +
'<td style="font-weight:bold">{point.y} kali</td>' +
'</tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
series: [
{
name: 'Perempuan',
data: [<?php echo $nilaiwanita[0] . ',' . $nilaiwanita[1]; ?>],
color: '#E78DF9'
},
{
name: 'Laki-laki',
data: [<?php echo join($nilailaki, ',') ?>],
color: '#438EFA'
}
],
});
});
</script>
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
<?php
$label = array();
$nilailaki = array();
$nilaiwanita = array();
foreach ($hasil3 as $i => $ii) {
$label[$i] = array($ii['star']);
$nilaiwanita[$i] = (int) $ii['jumlahwanita'];
$nilailaki[$i] = (int) $ii['jumlahlaki'];
}
?>
<script type="text/javascript">
$(function () {
// Create the chart
Highcharts.chart('dataProvider', {
chart: {
type: 'column',
/*backgroundColor: '#E8FFD1',*/
style: {
fontFamily: '"Open Sans", Helvetica, sans-serif', // default font
fontSize: '1em'
},
},
title: {
text: 'PRESTASI LAYANAN PST'
},
subtitle: {
text: 'Berdasarkan Penilaian Pengguna (Range nilai 0-5)'
},
xAxis: {
categories:
[<?php
$arrlength = count($label);
for ($x = 0; $x < $arrlength; $x++) {
echo '"' . $label[$x][0] . '"' . ", ";
}
?>],
title: {
text: 'Rating'
},
},
yAxis: {
title: {
text: 'JUMLAH RATING',
align: 'middle'
}
},
legend: {
enabled: true
},
credits: {
enabled: false
},
plotOptions: {
column: {
dataLabels: {
enabled: false,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
style: {
textShadow: '0 0 3px black'
}
},
},
series: {
cursor: 'pointer',
dataGrouping: {
enabled: false
}
},
},
tooltip: {
headerFormat: '<table>' +
'<b><i>Rating: {point.key}</span></i></b>'
,
pointFormat: '<tr>' +
'<td style="color:{series.color};font-weight:bold">{series.name}: </td>' +
'<td> : </td>' +
'<td style="font-weight:bold">{point.y} kali</td>' +
'</tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
series: [
{
name: 'Perempuan',
data: [<?php echo $nilaiwanita[0] . ',' . $nilaiwanita[1]; ?>],
color: '#E78DF9'
},
{
name: 'Laki-laki',
data: [<?php echo join($nilailaki, ',') ?>],
color: '#438EFA'
}
],
});
});
</script>
$（函数（）{
//创建图表
Highcharts.chart（'dataProvider'{
图表：{
键入：“列”，
/*背景颜色：“#E8FFD1”*/
风格：{
fontFamily:'开放式SAN'，Helvetica，无衬线'，//默认字体
字体大小：“1em”
},
},
标题：{
文字：“普雷斯塔西莱亚南太平洋标准时间”
},
副标题:{
文字：'Berdasarkan Penglaian Pengguna（范围0-5）'
},
xAxis：{
类别：
[],
标题：{
文本：“评级”
},
},
亚克斯：{
标题：{
文字：“JUMLAH评级”，
对齐：“中间”
}
},
图例：{
已启用：true
},
学分：{
已启用：false
},
打印选项：{
专栏：{
数据标签：{
启用：false，
颜色：（Highcharts.theme&&Highcharts.theme.dataLabelsColor）| |“白色”，
风格：{
textShadow:'0 0 3px黑色'
}
},
},
系列：{
光标：“指针”，
数据分组：{
已启用：false
}
},
},
工具提示：{
总部地址：''+
'评级：{point.key}'
,
点格式：“”+
“{series.name}:”+
' : ' +
“{point.y}kali”+
'',
页脚格式：“”，
分享：是的，
useHTML:true
},
系列：[
{
名称：'佩伦彭'，
数据：[]，
颜色：“#E78DF9”
},
{
名称：“拉基拉基”，
数据：[]，
颜色：“#438EFA”
}
],
});
});
[1,2,3,6,1]系列数据：[]，[]，// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql3 = 'SELECT SUM(CASE WHEN jk="0" THEN 1 ELSE 0 END) as jumlahwanita, SUM(CASE WHEN jk="1" THEN 1 ELSE 0 END) as jumlahlaki, star as star'
. ' FROM pstrating'
. ' GROUP BY star'
. ' ORDER BY star ASC';
$hasil3 = $conn->query($sql3);
?>
最好检查本地版本和托管版本的PHP版本。服务器日志中是否有错误？数据是否相同？通过比较这两张图片，我可以说在其中一张图片中，您根本不加载任何数据。您可以尝试查看web源代码（仅限js+html）或将其粘贴到此处。@C̅R̅O̅Z̅E̅T̅818;我的浏览器控制台上没有任何错误。这就是为什么我真的很困惑的原因。@KenziieeFlavius在我的本地计算机上我有5.4.7版，在网络主机上它有5.3.29版。这有什么区别吗？