统计分析概述
分析
为什么要使用统计
帮助决策者进行决策
统计的形式
表格 [Excel]
图标 [echarts]
项目分析
客户管理
地址:
性别:
开户行: 统计客户的增长量
商品管理
包装:
产地:
echarts
进入下载地址
https://www.echartsjs.com/zh/download.html
下载
我选择的是饼图
修改好数据下载页面代码
在项目当中新建一个报表的模块独立出来
这个实体是为了组装数据
工作台页面的修改
注意: 统计显示饼图有个Div元素要复制进去[<div id="container" style="height: 100%"></div>]
然后在把刚刚官网页面下载的实例JavaScript代码复制进去即可展示
Index.css只是用来控制工作台元素的样式问题
接下来就是把饼图里面的数据换成动态的
接着就是写后台的方法[Controller]
/**
* 统计分析
*/
@RequestMapping("stat")
@Controller
public class StatisticalController {
@Autowired
private StatService statService;
/**
* 加载客户地区数据
* @return
*/
@RequestMapping("loadCustomerAreaStatJson")
@ResponseBody
public List<BaseEntity> loadCustomerAreaStatJson(){
return this.statService.loadCustomerAreaStatList();
}
}
业务层[Service]
/**
* 加载客户地区数据
* @return
*/
List<BaseEntity> loadCustomerAreaStatList();
实现类[Service.Impl]
Mapper层[Mapper]
/**
* 加载客户地区数据
* @return
*/
List<BaseEntity> queryCustomerAreaStat();
Mapper.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.qc.statistical.mapper.StatMapper">
<!--加载客户地区数据-->
<select id="queryCustomerAreaStat" resultType="com.qc.statistical.domain.BaseEntity">
SELECT `address` AS `name`,COUNT(1) AS `value` FROM `bus_customer` GROUP BY `address`
</select>
</mapper>
最终效果