复制代码 代码如下:

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

}

复制代码 代码如下:

FusionCharts

$(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}: {point.percentage:.1f}%'

},

plotOptions: {

pie: {

allowPointSelect: true,

cursor: 'pointer',

dataLabels: {

enabled: true,

color: '#000000',

connectorColor: '#000000',

formatter: function() {

return ''+ this.point.name +': '+ this.percentage +' %';

}

}

}

},

series: [{

type: 'pie',

name: 'Browser share',

data: ds,

}]

});

});

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);

}

?>

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

复制代码 代码如下:

$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]

]

纯php生成统计图,php+highchats生成动态统计图相关推荐

  1. python生成二维码、动态二维码 和 而二维码解析

    python生成二维码.动态二维码 和 而二维码解析(8-20190129) 文章目录: 一.二维码介绍 二. 就是为了好玩所以想搞一下二维码,"好玩",少年醒醒,不要骗自己啦,起 ...

  2. Visual studio那些破事。。。(生成静态库、生成动态库、引用静态库、引用动态库)

    共4个小步骤,每个小步骤你都可以新建个VS解决方案,自己跟着步骤跑一下,windows怎么[生成静态库.生成动态库.引用静态库.引用动态库]你就基本明白了@! 文章目录 1.导出静态库.lib(add ...

  3. go语言调用c 的头文件 so,Golang生成共享库(shared library)以及Golang生成C可调用的动态库.so和静态库.a...

    Golang类似于C的静态语言,效率也接近于C,如果Golang也可以导出可供C调用的库,那可以和很多高级语言say goodbye了,goodbye似乎又有点武断,但至少说,Golang可以做很多事 ...

  4. Linux-(C/C++)生成并使用静态库/动态库

    静态库/动态库概要 在Windows下静态库的后缀为:.lib.动态库后缀为:.dll:而在Linux下静态库的后缀为:.a.动态库的后缀为:.so. 那么什么是静态库呢? 首先我们来看看程序编译的大 ...

  5. vue实现随机生成分享海报(内容动态)

    大家好,我是雄雄. 前言 昨天写了篇文章:自己整理的vue实现生成分享海报(含二维码),看着网上的没实现 主要是介绍了如何使用vue实现,动态分享内容为海报,且附带二维码,扫描二维码能直接进去文章的页 ...

  6. 纯JavaScript二维码在线生成网页源码

    介绍: 纯JavaScript实现二维码生成的网页源码,各位技术爱好者可以拿去研究, 支持设置二维码的各项具体内容,适合专业人士使用. 网盘下载地址: https://zijiewangpan.com ...

  7. 如何用gcc编译器生成动态链接库*.so文件(动态库)

    如何用gcc编译器生成动态链接库*.so文件(动态库) 当源文件为string.c时,生成动态链接库,假设名称为libstr.so 生成动态链接库的命令行为: gcc -fPIC -shared -o ...

  8. Java读取pdf模板,并动态生成pdf文件,如动态生成准考证

    Java读取pdf模板,并动态生成pdf文件,如动态生成准考证 ​ 前几天遇到了一个生成准考证的需求,并提供用户下载,然后百度了一圈还是觉得使用itextpdf这个框架好用点.但是还需要找到一个能创建 ...

  9. 录制电脑端纯鼠标点击操作,生成python脚本

    录制电脑端纯鼠标点击操作,生成python脚本,滑动滚轮结束录制 以下代码功能:录制电脑端纯鼠标点击操作,生成python脚本,可记录鼠标左键,右键,单击,双击,1秒内的多次连击,根据自己情况修改路径 ...

最新文章

  1. 重载自增++和自减--运算符
  2. 乔布斯诞辰67周年,他的这些思想仍值得我们学习
  3. Datical为数据库添加持续交付能力
  4. 基于weka实现的神经网络算法实现
  5. Django 中间件
  6. Tomcat端口被占用怎么查看占用程序
  7. jumpserver 堡垒机环境搭建(图文详解)
  8. 【Java单例模式】Java单例模式之懒汉模式线程安全
  9. 如何在Spring 3.x中使用事件
  10. 文件夹查找文件(一个文件夹文件查找函数 Delphi)
  11. C#动态调用WCF接口,两种方式任你选。
  12. 从图书馆进入网络刷题练习与考试平台
  13. mysql 汉化成中文版
  14. Windows Live SkyDrive 介绍之图片存储:摄影师在线图片展示的新选择
  15. Git内部原理之深入解析环境变量
  16. You can't specify target table 'sys_user_function' for update in FROM clause
  17. 黑鹰红客基地 --- 谈Linux分区
  18. MySQl建库建表及增删改查
  19. 【新年祝福】散去2009分,祝大家新年快乐,祝所有朋友新的一年里万事如意。
  20. 数字化冲击下,美国最后一家贴纸生产工厂……

热门文章

  1. 高速PCB设计指南系列(三)
  2. 关于mysql取余和取整的函数
  3. 苹果CMSV10本地化DPLAYER增加记忆+P2P播放+自动下一集方法
  4. 手机显示屏TFT LCD分类
  5. vue部署到线上时,Loading chunk xxx failed 问题
  6. 【timm】一个基于pytorch的图像模型库
  7. IPhone4S(5.1.1)安装AppSync
  8. 求长方体的体积和表面积
  9. Tigo推出带SMART高级版监测软件的TS4平台新的附加元件
  10. 意法半导体MCU微控制器技术突破在哪?