Echart获取mysql表实现图表展示

结合Echart丰富的图形库,可以把数据以图表形式展现,先上简单的效果图。


Echart获取mysql表实现图表展示_第1张图片

1、从数据库取数据,转为json数据格式

数据表结构为shop( 物品名称 )和num(数量),字符编码gbk_chinese

/* $conn 连接数据库,127.0.0.1本地数据库,用户名/密码: root/root, 
   mysql_query("set names GBK")  	设置字符编码格式,
   mysql_select_db("identity",$conn)		指定要连接的数据库名"identity"
*/


$resultset = mysql_query('SELECT shop, num FROM echart ');
$data = array();

class Alteration{
	public $shopAlter;
	public $numAlter;
}

while($row = mysql_fetch_array($resultset,MYSQL_ASSOC)) {
	$alter = new Alteration();
	$alter->shopAlter = $row['shop']; 
	$alter->numAlter = $row['num'];
	$data[] = $alter;
}
/*依次存入shop和num列到alyer()*/

echo json_encode($data);
/*对$data进行json格式编码*/
mysql_close($conn);

?>
数据库表结构的编码格式要留意,否则会显示中文乱码。

2、前段html代码




    
    ECharts
    
    
    



    
    

end


你可能感兴趣的:(web开发)