今天自己在做小东西的时候,需要一个功能,需要接收数据库的记录并显示在柱状图上,以前写过一次但是没总结,下面我总结一下实现过程。
一、准备js
下载ECharts的js文档,导入在项目中。这里也准备了链接http://echarts.baidu.com/download.html
二、实现
SpringMVC后台获取数据
1.Controller控制层调用service业务层
/**
* @ResponseBody:返回JSON格式内容
* @RequestMapping("/findNgMonth/{ngMonth}"):映射路径,即ajax请求的url地址
* */
@ResponseBody
@RequestMapping(value = "/findNgMonth/{ngMonth}",produces = "text/html;charset=UTF-8",method = RequestMethod.GET)
public String findNgMonth(@PathVariable("ngMonth")String ngMonth)throws Exception{
List<NgBills> ngBillsList=null;
try{
System.out.println("获取日期:"+ngMonth);
//调用service业务层的findNgMonth()方法
ngBillsList=billsService.findNgMonth(ngMonth);
//返回结果
return JSON.toJSONString(ngBillsList);
}catch (ExceptionCountents ec){
ec.printStackTrace();
return