欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

Highcharts 结合php mysql获取数据 画折线图

程序员文章站 2024-02-04 17:24:28
...

软件下载: http://www.hcharts.cn/resource/Highcharts-4.0.1.zip 解压到nginx 的工作目录下,例如:tar xfHighcharts-4.0.1.zip -C /usr/local/nginx/html/ cd/usr/local/nginx/html/picture/Highcharts-4.0.1 首先可以打开 http://localhost/Highcharts-4

软件下载:

http://www.hcharts.cn/resource/Highcharts-4.0.1.zip

解压到nginx 的工作目录下,例如:tar xf Highcharts-4.0.1.zip -C /usr/local/nginx/html/

cd /usr/local/nginx/html/picture/Highcharts-4.0.1


首先可以打开 http://localhost/Highcharts-4.0.1/index.html

查看示例图,根据需求,可以 从 /usr/local/nginx/html/picture/Highcharts-4.0.1/examples 目录下

找到合适自己的模板,然后修改,并完成自己的图表。



mysql> SELECT day,count(id) from logstg group by day;
+------------+-----------+
| day | count(id) |
+------------+-----------+
| 2014-09-09 | 1 |
| 2014-09-10 | 3 |
| 2014-09-11 | 3 |
| 2014-09-12 | 6 |
| 2014-09-15 | 2 |
| 2014-09-16 | 5 |
| 2014-09-17 | 6 |
| 2014-09-18 | 4 |
| 2014-09-19 | 3 |
| 2014-09-22 | 1 |

此处 我需要完成的是php代码从数据库中获取到每天网站的数据,其中day 作为横坐标轴,count(id)作为纵坐标轴

1.php获取数据 自己 根据这段代码 测试 是否可以正常获取数据

$con = mysql_connect('172.16.4.134','mysql','homelink');
mysql_select_db("logdb", $con);
$sql = "SELECT day,count(id) from logstg group by day;";
$result=mysql_query($sql,$con);
while($row = mysql_fetch_array($result))
{
$day[]=$row['day'];
$count[]=intval($row['count(id)']);
}
$day = json_encode($day);
print_r($day);
$data1 = array(array("name"=>"count","data"=>$count));
$data1 = json_encode($data1); //把获取数据对象转换成json格式
print "

$data1";
?>

2.测试完成后,完成下面代码mypic.html。




Highcharts Example

$con = mysql_connect('172.16.4.134','mysql','homelink');
mysql_select_db("logdb", $con);
$sql = "SELECT day,count(id) from logstg group by day;";
$result=mysql_query($sql,$con);

while($row = mysql_fetch_array($result))
{
$day[]=$row['day'];
$count[]=intval($row['count(id)']);
}
$day = json_encode($day);

$data1 = array(array("name"=>"count","data"=>$count));
$data1 = json_encode($data1); //把获取数据对象转换成json格式
?>













3.然后就可以访问了。

http://localhost/Highcharts-4.0.1/mypic.html

Highcharts 结合php mysql获取数据 画折线图

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频