通过对数据可视化，可以让数据更容易理解，激发数据使用者的 想象力。

在阿里云上，可以使用DataV进行数据的可视化。

在阿里云下，可以使用ECharts进行数据的可视化。

下面，是使用ECharts对数据进行可视化的例子。

准备

搭建好Apache 2+PHP 7+MySQL 5环境

从http://echarts.baidu.com/download.html下载echarts.js

从http://jquery.com/download/下载jQuery

思路

采用Ajax，通过php，从mysql取出数据，然后将数据使用ECharts展示。

如果想要动态刷新图标，那么设置一个定时器，定时取数，就可以达到目的。

所以，下面会编写2个脚本：index.html和data.php

index.html使用jQuery的ajax方法从data.php获取数据，dataphp实现从MySQL获取数据。

代码

index.html

    
            
    	        
        
    
    	
ok

    query($sql,MYSQLI_USE_RESULT);if($result){	$i=0;	$categories=array();	$datas=array();	while($row = $result->fetch_assoc())	 {		$categories[$i]=$row['category'];		$datas[$i]=$row['data'];		$i=$i+1;	 }	$arr=array('categories'=>$categories,'data'=>$datas);	echo json_encode($arr);}$mysqli->close();?>

总结

通过编写代码，可以实现像DataV那样的效果，只是没有DataV那样通过拖拽的方式方便和快捷。

参考：http://echarts.baidu.com/tutorial.html