php+highchats生成动态统计图

代码如下:

series: [{ 
                type: 'pie', 
                name: 'Browser share', 
                data: [ 
                    ['Firefox',   45.0], 
                    ['IE',       26.8], 
                    { 
                        name: 'Chrome', 
                        y: 12.8, 
                        sliced: true, 
                        selected: true 
                    }, 
                    ['Safari',    8.5], 
                    ['Opera',     6.2], 
                    ['Others',   0.7] 
                ] 
            }]

主要看这段：

代码如下:

{ 
    name: 'Chrome', 
    y: 12.8, 
    sliced: true, 
    selected: true 
    }

代码如下:

<!DOCTYPE HTML> 
    <html> 
        <head> 
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
            <title>FusionCharts</title> 
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
            <script type="text/javascript"> 
    $(function () { 
    var ds = [{"name":"\u4e0a\u6d77","y":28.2},{"name":"\u5317\u4eac","y":48.2},{"name":"\u5e7f\u4e1c","y":18.2}]; 
    //其实只要按照例子中的json显示方式展示就行了,如chrome。 
            // Radialize the colors 
            Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) { 
                return { 
                    radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, 
                    stops: [ 
                        [0, color], 
                        [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken 
                    ] 
                }; 
            }); 
            // Build the chart 
            $('#container').highcharts({ 
                chart: { 
                    plotBackgroundColor: null, 
                    plotBorderWidth: null, 
                    plotShadow: false 
                }, 
                title: { 
                    text: 'Browser market shares at a specific website, 2010' 
                }, 
                tooltip: { 
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
                }, 
                plotOptions: { 
                    pie: { 
                        allowPointSelect: true, 
                        cursor: 'pointer', 
                        dataLabels: { 
                            enabled: true, 
                            color: '#000000', 
                            connectorColor: '#000000', 
                            formatter: function() { 
                                return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; 
                            } 
                        } 
                    } 
                }, 
                series: [{ 
                    type: 'pie', 
                    name: 'Browser share', 
                    data: ds, 
                }] 
            }); 
        }); 
            </script> 
        </head> 
        <body> 
    <script src="js/hc.js"></script> 
    <script src="js/modules/exporting.js"></script> 
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 
    <?php 
    area(); 
    /** 
     * 地区接口 
     * name名称 
     * y数据值 
     *  
     */ 
    function area() 
    { 
        $b = array( 
                    array('name'=>'上海', 'y'=>28.2), 
                    array('name'=>'北京', 'y'=>48.2), 
                    array('name'=>'广东', 'y'=>18.2), 
            ); 
        $data = json_encode($b); 
        echo($data); 
    } 
    ?> 
        </body> 
    </html>

以下是php输出json数据，供js使用:

代码如下:

<?php  
$strs = @file("/proc/net/dev");  
for ($i = 2; $i < count($strs); $i++ ) 
{ 
    preg_match_all( "/([^\s]+):[\s]{0,}(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)/", $strs[$i], $info ); 
/*  $NetInput[$i] = formatsize($info[2][0]);
    $NetOut[$i]  = formatsize($info[10][0]);
*/  
    $tmo = round($info[2][0]/1024/1024, 5);  
    $tmo2 = round($tmo / 1024, 5); 
    $NetInput[$i] = $tmo2; 
    $tmp = round($info[10][0]/1024/1024, 5);  
    $tmp2 = round($tmp / 1024, 5); 
    $NetOut[$i] = $tmp2;

}

$arr = array(); 
if (false !== ($strs = @file("/proc/net/dev"))) :  
 for ($i = 2; $i < count($strs); $i++ ) :   
 preg_match_all( "/([^\s]+):[\s]{0,}(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)\s+(\d+)/", $strs[$i], $info ); 
    $arr[$i]["name"] = $info[1][0]; 
    $arr[$i]["data"][0] = $NetInput[$i]; 
    $arr[$i]["data"][1] = $NetOut[$i];

endfor;   
 endif;   
echo(json_encode($arr));
?>

输出：

代码如下:

{"2":{"name":"lo","data":[0,0]},"3":{"name":"eth0","data":[0.40377,0.00353]}}

js调用:

代码如下:

series: [ 
    <span style="white-space:pre">                      </span>ds[2], ds[3] 
    <span style="white-space:pre">                  </span>]

赞 (0)

相关推荐

  • JpGraph php柱状图使用介绍

    JpGraph简介 以前用PHP作图时必须要掌握复杂抽象的画图函数,或者借助一些网上下载的花柱形图.饼形图的类来实现.没有一个统一的chart类来实现图表的快速开发. 现在我们有了一个新的选择:JpGraph.专门提供图表的类库.它使得作图变成了一件非常简单的事情,你只需从数据库中取出相关数据,定义标题,图表类型,然后的事情就交给JpGraph,只需掌握为数不多的JpGraph内置函数(可以参照JpGraph附带例子学习),就可以画出非常炫目的图表! JpGraph安装方法: 1. 先到各大网站

  • PHP中使用GD库绘制折线图 折线统计图的绘制方法

    PHP中使用GD库绘制折线图 折线统计图的绘制方法

    在PHP中,有一些简单的图像函数是可以直接使用的,但大多数要处理的图像,都需要在编译PHP时加上GD库.除了安装GD库之外,在PHP中还可能需要其他的库,这可以根据需要支持哪些图像格式而定.GD库可以在http://www.boutell.com/gd/免费下载,不同的GD版本支持的图像格式不完全一样,最新的GD库版本支持GIF.JPEG.PNG.WBMP.XBM等格式的图像文件,此外还支持一些如FreeType.Type 1等字体库.通过GD库中的函数可以完成各种点.线.几何图形.文本及颜色的

  • PHP实现绘制3D扇形统计图及图片缩放实例

    PHP实现绘制3D扇形统计图及图片缩放实例

    1.利用php gd库的函数绘制3D扇形统计图 <?php header("content-type","text/html;charset=utf-8"); /*扇形统计图*/ $image = imagecreatetruecolor(100, 100); /*创建画布*/ /*设置画布需要的颜色*/ $white = imagecolorallocate($image,0xff,0xff,0xff); $gray = imagecolorallocate

  • PHP实现的曲线统计图表示例

    PHP实现的曲线统计图表示例

    本文实例讲述了PHP实现的曲线统计图表.分享给大家供大家参考,具体如下: <?php /****************************** * 折线图生成函数 * youd * 090207-01 ******************************/ function line_stats_pic($value_y,$width,$high,$strong=1,$fix=0){ //y值处理函数 function line_point_y($num,$width,$high,

  • PHP实现动态柱状图改进版

    PHP实现动态柱状图改进版

    本文实例分析了PHP实现动态柱状图的改进版.分享给大家供大家参考.具体分析如下: 前面已经写过如果只做动态柱状图的情况,其实原理还是很简单的.因为昨天下午有新的需求,今天上午又修改了一番,并将数据根据编号不同分割显示在表中. 下面把代码粘出来,方便以后自己查看,思路只是一时的火花,今天我想出来这么做,不一定下次还能想得到,也不用费劲的去想,所以写成笔记是比较好的形式. <!DOCTYPE html> <?php // 计算上一个月的今天 function last_month_today

  • 在PHP上显示JFreechart画的统计图方法

    如何在PHP上显示JFreechart?可能大部分都遇到这种情况,在JSP上的servlet能完全的显示出JFreechart画的统计图,但是和其他语言混合运用就不能显示了 我现在也遇到这个问题,想了半个小时终于弄明白了,实现的过程还是很简单的.(个人经验总结而已) 解决的思路: 1.先将JFreechart生成的图片保存在web 服务器上. 2.然后在JSP上用<img>标签显示 3.通过JS将JSP导入PHP页面 这样就实现了. 部分getColumnChart.jsp源码: 复制代码 代

  • php打造智能化的柱状图程序，用于报表等

    php打造智能化的柱状图程序,用于报表等 <?php /*** * @project Bar Graph Program * @license GPL * @package * @file GrapBar.php * @date 2007-4-3 * @version 1.0 * @last modified * 定义 柱状图(柱形图) 类 * * 注意,使用前请确保字体路径存在并允许访问,如果出错,还要检查在php.ini配置中的open_basedir项,如果没此路径请添加,或在程序中设置包

  • php报表之jpgraph柱状图实例代码

    php报表之jpgraph柱状图实例代码

    新手初识jpgraph肯定会遇到各种各样的问题,比如乱码什么的,本案例是jpgraph3.0.7制作,也经过本人的多次实验,解决乱码问题 复制代码 代码如下: <?php $datay=array(); //纵坐标数据 $datax=array(); //横坐标数据 foreach ($usernums as $key => $value){ $datay[] = $value; $datax[] = $userids[$key]; } require_once ('jpgraph-3.0.7

  • PHP制作3D扇形统计图以及对图片进行缩放操作实例

    PHP制作3D扇形统计图以及对图片进行缩放操作实例

    1.利用php gd库的函数绘制3D扇形统计图 <?phpheader("content-type","text/html;charset=utf-8");/*扇形统计图*/$image = imagecreatetruecolor(100, 100);    /*创建画布*//*设置画布需要的颜色*/$white = imagecolorallocate($image,0xff,0xff,0xff);$gray = imagecolorallocate($i

  • php GD绘制24小时柱状图

    80,250,430,134,35,60,233,90,263,225,120,59,151,677,340,221,550,300,229,97,230,123,133,87  一共24个数字 一个都不能少哦少了要出错 你可以修改函数判断一下 复制代码 代码如下: <?PHP     /*    24小时柱状图    作者:taokey    QQ:29611705    */ function h24($str){ $hour = explode(",",$str);    

  • PHP动态柱状图实现方法

    PHP动态柱状图实现方法

    本文实例讲述了PHP动态柱状图实现方法.分享给大家供大家参考.具体分析如下: 1.需求 查询最近一个月的数据总条数和审核通过的条数,做成柱状图 2.实现代码: <!DOCTYPE html> <?php //计算上一个月的今天 function last_month_today($time){ $last_month_time = mktime(date("G", $time), date("i", $time),date("s"

  • PHP 柱状图实现代码

    PHP 柱状图实现代码

    还有疑问的朋友可以加我QQ:460634320,大家一起讨论. 效果图: 复制代码 代码如下: <?php function createImage($data,$twidth,$tspace,$height){ header("Content-Type:image/jpeg"); $dataname = array(); $datavalue = array();//data里面的值 $i = 0; $j = 0; $k = 0; $num = sizeof($data); f

随机推荐