使用Highcharts结合PHP与Mysql生成…

我们在做复杂的数据统计功能时会用到饼状图，饼状图用整个圆表示总体的数量或整体值1，用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比，它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系。

本文将结合实际，使用PHP读取Mysql数据表中的数据，并将获取的数据按照要求输出给前端JS，再通过配置调用Highcharts图表库生成饼状图。

 

查看演示DEMO 下载源码

1、准备

为了更好的讲解，实例中在Mysql数据库中建立一张表chart_pie，用于表示各搜索引擎带来的访问量，表中分别有id、title和pv三个字段，id是自增长整型、主键；title表示搜素引擎的名称，pv表示对应的访问量。chart_pie表中已预置了相关数据，如图:

 

2、PHP

在pie.php文件中，写入如下代码：

include_once('connect.php'); //连接数据库 

$res = mysql_query("select * from chart_pie"); 

while($row = mysql_fetch_array($res)){ 

    $arr[] = array( 

        $row['title'],intval($row['pv']) 

    ); 

} 

$data = json_encode($arr); 

代码中使用原生的PHP