zoukankan      html  css  js  c++  java
  • highcharts实例教程二:结合php与mysql生成饼图

    上回我们分析了用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不会识别;




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

  • 相关阅读:
    单片机、嵌入式ARM学习网站推荐(多年的积累)
    单片机心得
    printf函数解析
    C语言数组与指针详解
    C语言数组与指针详解
    单片机心得
    单片机、嵌入式ARM学习网站推荐(多年的积累)
    嵌入式开发资料集锦
    poj1941
    poj1723
  • 原文地址:https://www.cnblogs.com/syuanq/p/3903972.html
Copyright © 2011-2022 走看看