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. webform  不实用office控件导出excel    StringBuilder 类型拼接字符串表格导出excel
			
    StringBuilder sb = new StringBuilder(); sb.AppendLine("<meta http-equiv=\"Content-Type\ ...
    
			
    2. 
						
  2. NGUI Button 3中点击事件的触发
			
    NGUI事件的种类很多,比如点击.双击.拖动.滑动等等,他们处理事件的原理几乎万全一样,本文只用按钮来举例. 1.直接监听事件 把下面脚本直接绑定在按钮上,点击按钮触发的方法名必须为OnClick,当 ...
    
			
    3. 
						
  3. Extjs 3.4 生成button,并調用相同的window
			
    /////定義一個方法,用來調用win_mucangjieshou的窗口 var panel_contant= function(id_name){ var aa=Ext.getCmp(id_name ...
    
			
    4. 
						
  4. 设计模式的PHP实现示例（转）
			
    symfony2 很多设计模式思想,下面的资料会有点帮助:http://www.open-open.com/lib/view/open1414996676559.html 阅读目录 Creationa ...
    
			
    5. 
						
  5. Qt将窗体变为顶层窗体（activateWindow(); 和 raise() ）
			
    我们知道,在windows上通过鼠标双击某应用程序图标,该应用程序往往会以顶层窗口的形式呈现在我们面前,但是对于一个已经打开的非顶层窗口,我们怎么将其激活为顶层窗口呢? 要达到激活,这个必须要满足两个 ...
    
			
    6. 
						
  6. nginx 重写 rewrite 基础及实例（转）
			
    nginx rewrite 正则表达式匹配 大小写匹配 ~ 为区分大小写匹配 ~* 为不区分大小写匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配 文件及目录匹配 -f和!-f用来判断是否 ...
    
			
    7. 
						
  7. cocos2d-x中的尺寸之三
			
    通过上面两个文章的分析,我们在这个博文里做个总结: CCEGLView::getFrameSize()返回的是窗口相对于屏幕像素的尺寸,这个尺寸,只要窗口没变化,值就不会变化 CCDirector:: ...
    
			
    8. 
						
  8. android LinearLayout和RelativeLayout实现精确布局
			
    先明确几个概念的区别: padding margin:都是边距的含义,关键问题得明白是什么相对什么的边距padding:是控件的内容相对控件的边缘的边距． margin  :是控件边缘相对父空间的边距 ...
    
			
    9. 
						
  9. Balanced Binary Tree --Leetcode  C++
			
    递归 左子树是否为平衡二叉树 右子树是否为平衡二叉树 左右子树高度差是否大于1,大于1,返回false 否则判断左右子树 最简单的理解方法就是如下的思路: class Solution { publi ...
    
			
    10. 
						
  10. 外网訪问内网应用实现之无公网IP、多port、固定port、UDP等应用的实现方法
			
    有公网IP时,能够通过路由映射来实现外网訪问内网.然,当没有公网IP时,怎样实现外网訪问内网应用? 硬件路由方法因为无公网不可行,能够使用软件port映射的方法.如开放的NAT123全port映射.  ...
    
			
    11.