Highcharts 非程序员——将mySQL中的数据读入条形图
我不是程序员,我对Highcharts很陌生。 与数据库的连接正常,图表和标签的x、y轴显示,但没有数据。 我从Highchart论坛[这里][1]上得到了整个脚本 问题:如何获取图形以显示列中的数据 毕业那年,我是学生 我向这里的人们保证,这是一个不需要动脑筋的问题,但对我来说,这是一堵砖墙!TIA适用于任何 任何人都可以帮助我 这是完整的脚本。我按照您的建议添加了json位Highcharts 非程序员——将mySQL中的数据读入条形图,highcharts,Highcharts,我不是程序员,我对Highcharts很陌生。 与数据库的连接正常,图表和标签的x、y轴显示,但没有数据。 我从Highchart论坛[这里][1]上得到了整个脚本 问题:如何获取图形以显示列中的数据 毕业那年,我是学生 我向这里的人们保证,这是一个不需要动脑筋的问题,但对我来说,这是一堵砖墙!TIA适用于任何 任何人都可以帮助我 这是完整的脚本。我按照您的建议添加了json位 <php $db = mysql_connect("localhost","un","pw"
<php
$db = mysql_connect("localhost","un","pw","db");
if ( $db == "" ) { echo " DB Connection error...\r\n"; exit(); }
connects to db fine
$sql = mysql_query($con,"SELECT graduation_year,i_am_a_student FROM wp_gfsept2013");
$query = mysql_query($sql);
Highcharts使用数字值,所以我建议设置JSON\u NUMERIC\u CHECK标志以返回正确的值。如果它不能解决您的问题,请附上您使用的代码(不是来自chrome的源代码),但您需要图表配置/获取json等
$i = 0;
while($row = mysql_fetch_array($query)){
$date = strtotime($row['date']);
$stamp = $date * 1000;
$val = (int)$row['value'];
$d[$i]['x'] = $stamp;
$d[$i]['y'] = $val;
$i++;
}
echo json_encode($data, JSON_NUMERIC_CHECK);
?>
<div id="container" style="width:800px;height:300px;margin:1em auto;"></div>
<script type="text/javascript">
$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
defaultSeriesType:'column',
renderTo:'container'
},
credits:{enabled:false},
title:{text:'Sample Chart'},
legend:{
},
tooltip:{
},
plotOptions:{
series:{
shadow:false,
borderWidth:0,
color:'rgba(90,155,212,.75)',
}
},
xAxis:{
title:{text:''},
type:'datetime',
lineWidth:1,
lineColor:'#999',
tickColor:'#999',
tickLength:3,
},
yAxis:{
lineWidth:1,
lineColor:'#ccc',
tickColor:'#999',
tickLength:3,
tickWidth:1,
gridLineWidth:1,
gridLineColor:'#e0e0e0',
title:{text:''}
},
series:[{
data: [<?php echo json_encode($data, JSON_NUMERIC_CHECK); ?>],
}]
});
});
</script>
</body>
</html>