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. ajax post传值
			
    一.字符串             $.ajax({                type: "POST",                data: {"ID&quo ...
    
			
    2. 
						
  2. 前缀 树 背单词(Remember the Word,LA 3942)
			
    已哭瞎. 搞了2个多小时的错误居然是在  没有初始化............教训:每个例子一定要考虑到初始化问题.! 每个节点存了一个数组  该数组记录的有26个大小  0-25分别表示记录表示'a' ...
    
			
    3. 
						
  3. VIJOS 1512SuperBrother打鼹鼠(二维BIT)
			
    呵呵.. 二维树状数组,第二维和第一维基本一样. --------------------------------------------------------------------------- ...
    
			
    4. 
						
  4. C++获取当前机器内网IP地址
			
    /*头文件*/ #include "winsock2.h" #pragma comment(lib,"ws2_32.lib") /*Hui 获取当前服务器IP* ...
    
			
    5. 
						
  5. 整理网站优化（SEO）的方案
			
    首先,我们来确定一下seo方案的定义是什么,所谓seo方案是指针对于某个网站,在完成了解熟悉的情况下,结合自身的一套seo优化方法来制定完成符合这个网站seo推广思路和策略.接下来就了解一下新手seo ...
    
			
    6. 
						
  6. 调色板QPalette类用法详解（附实例、源码）（很清楚：窗口背景色 前景色 按钮的颜色 按钮文本的颜色 ）
			
    http://blog.csdn.net/rl529014/article/details/51589096
    
			
    7. 
						
  7. android搭建环境错误 daemon not running. starting it now on port 5037 ADB server didn't ACK
			
    android搭建环境错误 daemon not running. starting it now on port 5037 ADB server didn't ACK ADB server didn ...
    
			
    8. 
						
  8. Noip2008提高组总结
			
    Noip2008前三题是基础题,仔细一些都是可以AC的,第四题的证明很巧妙,但是看懂后代码其实很简单,感觉在这些大家都不屑去做的简单题中又学到了不少,四道题代码基本都是十几二十行就够了,渐渐感觉到,比 ...
    
			
    9. 
						
  9. 给定一个字符串里面只有"R" "G" "B" 三个字符，请排序，最终结果的顺序是R在前 G中 B在后。 要求：空间复杂度是O(1)，且只能遍历一次字符串。
			
    题目:给定一个字符串里面只有"R" "G" "B" 三个字符,请排序,最终结果的顺序是R在前 G中 B在后. 要求:空间复杂度是O(1),且 ...
    
			
    10. 
						
  10. NeHe OpenGL lession 4
			
    // lession4.c #include <OpenGL/OpenGL.h> #include <GLUT/GLUT.h> #include <stdio.h> ...
    
			
    11.