series: [{ <BR> type: 'pie', <BR> name: 'Browser share', <BR> data: [ <BR> ['Firefox', 45.0], <BR> ['IE', 26.8], <BR> { <BR> name: 'Chrome', <BR> y: 12.8, <BR> sliced: true, <BR> selected: true <BR> }, <BR> ['Safari', 8.5], <BR> ['Opera', 6.2], <BR> ['Others', 0.7] <BR> ] <BR> }] <BR>
主要看这段：
{ <BR> name: 'Chrome', <BR> y: 12.8, <BR> sliced: true, <BR> selected: true <BR> } <BR>
<BR> <BR> <BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <BR> <title>FusionCharts</title> <BR> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <BR> <script type="text/javascript"> <BR> $(function () { <BR> var ds = [{"name":"\u4e0a\u6d77","y":28.2},{"name":"\u5317\u4eac","y":48.2},{"name":"\u5e7f\u4e1c","y":18.2}]; <BR> //其实只要按照例子中的json显示方式展示就行了,如chrome。 <BR> // Radialize the colors <BR> Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) { <BR> return { <BR> radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, <BR> stops: [ <BR> [0, color], <BR> [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken <BR> ] <BR> }; <BR> }); <BR> // Build the chart <BR> $('#container').highcharts({ <BR> chart: { <BR> plotBackgroundColor: null, <BR> plotBorderWidth: null, <BR> plotShadow: false <BR> }, <BR> title: { <BR> text: 'Browser market shares at a specific <div>本文来*源gaodai^.ma#com搞#代!码网</div><pre>搞gaodaima代码
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,
}]
});
});
</script>
<body>
<script src=”js/hc.js”></script>
<script src=”js/modules/exporting.js”></script>
<?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);
}
?>
以下是php输出json数据，供js使用:
<?php <BR>$strs = @file("/proc/net/dev"); <BR>for ($i = 2; $i < count($strs); $i++ ) <BR>{ <BR> 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 ); <BR>/* $NetInput[$i] = formatsize($info[2][0]); <BR> $NetOut[$i] = formatsize($info[10][0]); <BR>*/ <BR> $tmo = round($info[2][0]/1024/1024, 5); <BR> $tmo2 = round($tmo / 1024, 5); <BR> $NetInput[$i] = $tmo2; <BR> $tmp = round($info[10][0]/1024/1024, 5); <BR> $tmp2 = round($tmp / 1024, 5); <BR> $NetOut[$i] = $tmp2; <br><br>} <br><br>$arr = array(); <BR>if (false !== ($strs = @file("/proc/net/dev"))) : <BR> for ($i = 2; $i < count($strs); $i++ ) : <BR> 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 ); <BR> $arr[$i]["name"] = $info[1][0]; <BR> $arr[$i]["data"][0] = $NetInput[$i]; <BR> $arr[$i]["data"][1] = $NetOut[$i]; <br><br> endfor; <BR> endif; <BR>echo(json_encode($arr)); <BR>?><BR>
输出：
{"2":{"name":"lo","data":[0,0]},"3":{"name":"eth0","data":[0.40377,0.00353]}} <BR>
js调用:
series: [ <BR> <span> </span>ds[2], ds[3] <BR> <span> </span>] <BR>
转载请注明原文链接：php+highchats生成动态统计图_php实例
