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: [

						ds[2], ds[3]

					]



												


											
highchats与php结合生成动态统计图的更多相关文章
	

    
								
  1. 告别.NET生成报表统计图的烦恼
		
    告别.NET生成报表统计图的烦恼 标签: 报表.netstatistics图形数据库文档 2009-10-09 12:00 635人阅读 评论(0) 收藏 举报  分类: .net程序设计(C#)(2 ...
    
		
    2. 
						
  2. ABP项目中使用Swagger生成动态WebAPI
		
    本文是根据角落的白板报的<使用ABP实现SwaggerUI,生成动态webapi>一文的学习总结,感谢原文作者角落的白板报. 1 安装Swashbuckle.core 1.1 选择WebA ...
    
		
    3. 
						
  3. T-SQL Recipes之生成动态列表数据
		
    Problem 首先什么是动态列表?举个示例,假设你想输出以逗号分隔的IDs,如: 1,45,67,199,298 Solution 生成动态列表数据在我们生活场景中很常见,比如在 Dynamic P ...
    
		
    4. 
						
  4. 【转】Hibernate利用@DynamicInsert和@DynamicUpdate生成动态SQL语句
		
    原文链接:http://www.cnblogs.com/quanyongan/p/3152290.html 最近在使用Hibernate4中,发现两个很有奥秘的注解 @DynamicInsert 和  ...
    
		
    5. 
						
  5. DB2存储过程实现查询表数据，生成动态SQL，并执行
		
    一.动态执行SQL PREPARE S1 FROM 'delete from test'; EXECUTE S1; 二.使用游标 DECLARE V_CURSOR CURSOR FOR SELECT  ...
    
		
    6. 
						
  6. Linux生成动态库系统
		
    Linux生成动态库系统 一个.说明 Linux下动态库文件的扩展名为 ".so"(Shared Object). 依照约定,全部动态库文件名称的形式是libname.so(可能在 ...
    
		
    7. 
						
  7. 如何用phpcms将静态网页生成动态网页？
		
    在前两篇随笔中已经简单介绍了phpcms,那么现在让我们来看一下如何用phpcms将静态网页生成动态网页? 1.在templates文件夹下新建模板文件夹ceshi(名字可以自己随笔起) 2.在ces ...
    
		
    8. 
						
  8. 如何使用 VS生成动态库？
		
    如何使用 VS生成动态库? //.cpp 文件默认定义了 __cplusplus 宏 #ifdef __cplusplus extern "C"{ #endif xxx #ifde ...
    
		
    9. 
						
  9. CGLIB 和 JDK生成动态代理类的区别（转）
		
    文章转自http://luyuanliang.iteye.com/blog/1137292 AOP 使用的设计模式就是代理模式,是对IOC设计的补充.为了扩展性,往往会加上反射,动态生成字节码,生成代 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [01] Preparation - Sitecore Installment
			
    Sitecore CMS 是一套内容管理系统商业软件,其底层平台依托于微软.net技术.由于最近的一个项目采用了这个平台,所以有机会接触到了这个产品. 虽然接触该产品已有一段时间,但总感觉对这个产品缺 ...
    
			
    2. 
						
  2. php分页实例附代码
			
    一个典型的PHP分页实例代码分享,学习php的朋友肯定用得到,主要是了解思路: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit ...
    
			
    3. 
						
  3. COB封装的优势
			
    随着固态照明技术的不断进步,COB(chip-on-board)封装技术得到越来越多的重视,由于COB光源有热阻低,光通量密度高,眩光少,发光均匀等特性,在室内外照明灯具中得到了广泛的应用,如筒灯,球 ...
    
			
    4. 
						
  4. 针对PCB飞针测试快速有效的技巧
			
    测试探针通过多路传输(multiplexing)系统连接到驱动器(信号发生器.电源供应等)和传感器(数字万用表.频率计数器等)来测试UUT上的元件.当一个元件正在测试的时候,UUT上的其它元件通过探针 ...
    
			
    5. 
						
  5. 在Livemedia的基础上开发自己的流媒体客户端
			
    一.背景 二.Livemedia框架介绍 1．总体框架 2．客户端框架 2.1 客户端openRTSP流程 2.2增加一种新的媒体 2.2.1增加媒体的format 2.2.2 新媒体需要考虑的问题  ...
    
			
    6. 
						
  6. 使用jetty和mongodb实现简易网盘接口
			
    依赖库: 1,jetty(提供http方式接口) 2,mongodb的java驱动(访问mongodb存取文件) 3,thumbnailator包,进行缩略图生成 4,commons-fileuplo ...
    
			
    7. 
						
  7. Cocos2d_x的特点及环境配置
			
    Cocos2d_x的特点: 什么是"x"?Cocos2d_x方式:有时候我们写的cpp文件扩展,CXX."X"标致着该项目是由c++,并提供c++中的API编写 ...
    
			
    8. 
						
  8. 把Web Form项目转换成MVC项目
			
    http://umbraco.com/follow-us/blog-archive/2013/7/14/moving-from-webforms-to-mvc.aspx https://codinga ...
    
			
    9. 
						
  9. C#中常量\枚举\结构及数组的运用
			
    又一天结束了,今天在云和学院学习的知识下面继续来做总结. 一.常量\枚举\结构的运用 理论: 常量:const  类型 常量名 = 常量值 确定数量.确定值的几个取值:东西南北.男女.上中下. 枚举: ...
    
			
    10. 
						
  10. Oracle游标-循环查询表中数据（表名），并执行
			
    Oralce 表中存有一个字段,该字段存储表名,要把该表中的所有表名查询出来(即表名结果集),且执行结果集from 表名结果集: declare v_ccount ); --定义一个游标变量 curs ...
    
			
    11.