最近在學習php+mysql，因為之前畫圖表都是直接在echart的實例demo中修改數據，便想着兩相結合練習一下，通過ajax調用后台數據畫圖表。 我使用的是echart3，相比較第二版，echarts3體積上減少了200k，適配了移動端，且不再按照需求引入不同的包，直接用echarts.init方法初始化就ok。更簡潔更強大，國產良心產品。 *[5分鍾上手echarts3](http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts)*  ##第一步：搭建環境 我使用XAMPP軟件包作為開發平台，這個可以直接百度下載，一直next安裝好。開啟Apache和MySql。 在mysql中創建一個數據庫，我使用了Navicat for mysql來進行數據庫管理。下載及使用方法參考 ：*[百度經驗](http://jingyan.baidu.com/article/6181c3e074ba0d152ff15346.html)* 這是我建好的測試表：  ##第二步：php鏈接數據庫並處理數據 ```php
$mysql_username='root'; //改成自己的mysql數據庫用戶名 $mysql_password=''; //改成自己的mysql數據庫密碼,初始默認密碼為空 $mysql_database='study'; //改成自己的mysql數據庫名
?>
<span style="font-size:18px">
可以把這個php文件保存為db_config.php，以后再進行數據庫鏈接就直接require("db_config.php")就ok。
接下來，創建另一個php文件，處理數據：
```php
<?php
require("db_config.php");
$conn=mysql_connect($mysql_server_name,$mysql_username,$mysql_password) or die("error connecting") ;
mysql_query("set names 'utf8'"); //數據庫輸出編碼
mysql_select_db($mysql_database); //打開數據庫
$result = mysql_query("select * from study");
$data="";
$array= array();
class User{
public $name;
public $age;
}
while($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$user=new User();
$user->name = $row['name'];
$user->age = $row['age'];
$array[]=$user;
}
$data=json_encode($array);
// echo "{".'"user"'.":".$data."}";
echo $data;
?>