码迷,mamicode.com
首页 > 数据库 > 详细

highcharts实例教程二:结合php与mysql生成饼图

时间:2014-08-11 10:00:22      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:style   http   数据   2014   art   ar   代码   数据库   

上回我们分析了用highcharts结合php和mysql生成折线图的实例,这次我们以技术cto网站搜索引擎流量为例利用highcharts生成饼图。
饼图通常用在我们需要直观地显示各个部分所占的比例的时候,比如我们需要统计各大搜索引擎来的流量比例。
第一步:创建数据库保存各搜索引擎流量的pv数
CREATE TABLE `pie` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `title` varchar(30) NOT NULL,
  `pv` int(10) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=utf8;

第二步:编写php代码获取数据,转换为highcharts能够渲染的数据格式,highcharts能够解析json格式的数据,比如:[ [‘百度‘, 120], [‘谷歌‘, 86] ];
include_once(‘connect.php‘);
$res = mysql_query("select * from pie");
while($row = mysql_fetch_array($res)){
    //此处表示默认需要突出的数据,然后我们也可以不写
    if($row[‘id‘]==1){
        $arr1[] = array(
            "name" =>  $row[‘title‘],
            "y" => intval($row[‘pv‘]),
            "sliced" => true,
            "selected" => true
        );
    }else{
        $arr[] = array(
            $row[‘title‘],intval($row[‘pv‘])
        );
    }
}
//合并数组
$arrs = array_merge($arr1,$arr);
$data = json_encode($arrs);
需要特别注意的是数字的话必须要加上intval转换,不然highcharts不会识别;


bubuko.com,布布扣

本文出自技术CTO:http://www.jscto.net,转载请注明出处。

highcharts实例教程二:结合php与mysql生成饼图,布布扣,bubuko.com

highcharts实例教程二:结合php与mysql生成饼图

标签:style   http   数据   2014   art   ar   代码   数据库   

原文地址:http://www.cnblogs.com/syuanq/p/3903972.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!