第一次使用echart从后台获取数据动态显示到页面

第一次使用Echart绘制图表，看了两天，终于结合后台给整出来了。走过之后再看看，其实很简单的。不多说了，直接上图：

第一步：去echarts官方下载最新的js; 官方地址 ： echarts.baidu.com

            我下的是3.4.0版的：echarts.min.js

第二步：创建一个ReportDataBean，在该类中设置两个属性：List<String>categories 和 List<Integer> data，具体如下图
        ReportDataBean:用来记录和存储需要传递到前台页面中显示的数据集合

public class ReportDataBean {
	private List<String> categories;
	private List<Integer> data;
	public List<String> getCategories() {
		return categories;
	}
	public void setCategories(List<String> categories) {
		this.categories = categories;
	}
	public List<Integer> getData() {
		return data;
	}
	public void setData(List<Integer> data) {
		this.data = data;
	}	
}

第三步：创建EchartReportService ，TestDataService，和各自实现。EchartReportService是所以对外调用的主Service，而TestDataService是具体的业务Service

       1.EchartReportService:模板接口，用来以后进行不同模板间进行扩展 

public interface EchartReportService {	
	public JSONObject getDataJson();	
}

       2.TestDataService ：具体实现数据实现接口,用来实现获取具体业务相关的数据，继承了EchartReportService

public interface Te