统计分析概述

分析

为什么要使用统计

帮助决策者进行决策

统计的形式

表格 [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>

最终效果