標籤:style http 資料 2014 art ar 代碼 資料庫
上回我們分析了用highcharts結合php和mysql產生折線圖的執行個體,這次我們以技術cto網站搜尋引擎流量為例利用highcharts產生餅圖。
餅圖通常用在我們需要直觀地顯示各個部分所佔的比例的時候,比如我們需要統計各大搜尋引擎來的流量比例。
第一步:建立資料庫儲存各搜尋引擎流量的pv數
CREATE TABLE `pie` (
`id` int(10) NOT NULL AUTO_INCREMENT,
`title` varchar(30) NOT NULL,
`pv` int(10) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=utf8;
第二步:編寫php代碼擷取資料,轉換為highcharts能夠渲染的資料格式,highcharts能夠解析json格式的資料,比如:[ [‘百度‘, 120], [‘Google‘, 86] ];
include_once(‘connect.php‘);
$res = mysql_query("select * from pie");
while($row = mysql_fetch_array($res)){
//此處表示預設需要突出的資料,然後我們也可以不寫
if($row[‘id‘]==1){
$arr1[] = array(
"name" => $row[‘title‘],
"y" => intval($row[‘pv‘]),
"sliced" => true,
"selected" => true
);
}else{
$arr[] = array(
$row[‘title‘],intval($row[‘pv‘])
);
}
}
//合并數組
$arrs = array_merge($arr1,$arr);
$data = json_encode($arrs);
需要特別注意的是數位話必須要加上intval轉換,不然highcharts不會識別;
本文出自技術CTO:http://www.jscto.net,轉載請註明出處。