PHP Mysql 动态数据结合 highcharts 图表统计

一些PHP新手可能不知道如何结合PHP+MYSQL动态数据生成图表,我们这里以highcharts为例,教大家如何生成图表统计代码.

20160822182411

下面直接看代码:

<?
require_once 'config.';
require_once 'functions.';
/**
 * 作者:老季
 * 网址:https://www.jiloc.com/42558.html
 */
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爬虫索引统计_<? echo TITLE;?></title>
<script type="text/javascript" src="http://cdn.hcharts.cn//jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://cdn.hcharts.cn//highcharts.js"></script>
<style>
.jads{ text-align: center;}
.jads table { margin: 0 auto; width: 600px; border:solid #e5e5e5; border-width: 1px 0px 0px 1px;}
.jads table td{border:solid #e5e5e5; border-width: 0px 1px 1px 0px;}
</style>
</head>

<body>
<div class="jads">
 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<p>本页面仅作展示使用,请定时或手动运行<a href="<? echo DOMAIN_PATH;?>script.">script.</a>页面进行统计更新</p>
<p><a href="<? echo DOMAIN_PATH;?>">返回首页</a></p>

<table>
 <tr>
 <td>日期</td>
 <td>索引</td>
 </tr>
<?
$sql = "SELECT * FROM `analytics` ORDER BY a_time asc LIMIT 30";
$result = $pdo->prepare($sql);
$result->execute();
$aAray = $result->fetchAll();
$rNums = count($aAray);
$aDate = array();
$aRows = '';
$aAll = 0;
for ($i=0;$i<$rNums;$i++){
 $aDate[] = $aAray[$i]['a_time'];
 $aRows .= $aAray[$i]['rows'].',';
 $aAll += $aAray[$i]['rows'];
?> 
 <tr>
 <td><a href="<? echo DOMAIN_PATH;?>script.?date=<? echo $aAray[$i]['a_time']?>"><? echo $aAray[$i]['a_time']?></a></td>
 <td><? echo number_format($aAray[$i]['rows']);?></td>
 </tr>
<? } ?> 
 <tr>
 <td></td>
 <td>共计:<? echo number_format($aAll);?></td>
 </tr>
</table>


</div>
</body>
<script type="text/javascript">
$(function () {
 $('#container').highcharts({
 title: {
 text: '<? echo TITLE;?>',
 x: -20 //center
 },
 credits: { 
 enabled: false //去掉highcharts网站url 
 },
 xAxis: {categories: <? echo json_encode($aDate);?> },
 yAxis: {
 title: {
 text: ''
 },
 plotLines: [{
 value: 0,
 width: 1,
 color: '#808080'
 }]
 },
 tooltip: {
 valueSuffix: ''
 },
 legend: {
 layout: 'vertical',
 align: 'right',
 verticalAlign: 'middle',
 borderWidth: 0
 },
 series: [{
 name: '<? echo TITLE;?> 爬虫',
data: [<? echo rtrim($aRows,',');?>]
}]
 });
});
</script>
<? echo STATISTICS;?> 
</html>

需要注意的地方已用红字标注,

categories :json_encode(数字),外面没有方括号。

data : 直接拼接承字符串接口。

搬瓦工年付$28CN2高速线路,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠BWH26FXH3HIQ点击购买】!

Vultr月付$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

点赞
  1. 欧强说道:

    require_once 'functions.php';
    这里边写的什么,可以给我看看嘛,谢谢

    1. 源码已开源,请看:https://github.com/qsbaq/btlike-php-front

  2. tina说道:

    require_once 'config.php';
    require_once 'functions.php';
    这里边写的什么,可以给我看看嘛,谢谢

    1. config.php 是配置数据库的信息
      functions.php 是一些方法类
      这些都是次要的文件。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Scroll Up