第一次使用Echart绘制图表,看了两天,终于结合后台给整出来了。走过之后再看看,其实很简单的。不多说了,直接上图:
第一步:去echarts官方下载最新的js; 官方地址 : echarts.baidu.com
第二步:创建一个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