highcharts實例教程一：結合php與mysql生成折線圖

Highcharts是一款純javascript和html5編寫的圖表庫，不僅幾乎能兼容所有pc瀏覽器，而且對ios和android手機端的兼容 性也不錯，它能夠很簡單便捷的在Web網站或Web應用中添加交互性的圖表，Highcharts目前支持直線圖、折線圖、面積圖、柱狀圖、餅圖、散點圖 等多達28種不同類型的圖表，還支持3D立體圖表的生成，可以滿足你對Web圖表的任何需求 ！而且Highcharts對學習者、非商業機構是免費使用的。

案例場景：要求針對技術cto網站，直觀地顯示一周網站pv、uv的變化曲線；
編程實現：
1、首先創建數據庫，保存網站每天的數據；
CREATE TABLE `line` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `pv` int(10) DEFAULT NULL,
  `uv` int(10) DEFAULT NULL,
  `did` int(10) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

2、編寫php代碼從數據庫中獲取到每天網站的數據；
include_once('connect.php');
$res = mysql_query("select * from line");
while($row = mysql_fetch_array($res)){
    $pv[] = intval($row['pv']);  //注意這里必須要用intval強制轉換，不然圖表不能顯示
    $uv[] = intval($row['uv']);
}
$data = array(array("name"=>"pv","data"=>$pv),array("name"=>"uv","data"=>$uv));
$data = json_encode($data);    //把獲取的數據對象轉換成json格式

效果展示：


本文出自技術CTO：http://www.jscto.net，轉載請注明出處。