SpringBoot实战项目杂货铺主页统计图表（折线图、饼状图、条形图）（四）

今天博主更新了杂货铺实战项目中的主页图表统计功能，由折线图、饼状图、条形图组成，一起来看看吧。💕

统计图表的制作我们用到了Echarts，不得不说Echarts真的是百度的超级良心产品了。打Call!!!👍👍👍

✔小插曲：
这里博主顺带提一下，像处理访问量等等数据的时候，往往会涉及到一个并发问题。举个例子，比如在多个人在同一秒访问网页时，我们会同一时间去操作数据库中存储的当天的访问量数据，如果此时数据库中的访问量是1000，那么此刻共同发起这个请求的时候，拿到的访问量都是1000，在做+1操作的时候如何返回正确的值呢？感兴趣的同学可以了解一下。

接下来我们来看我们的项目，我们通过http://localhost:8080/store/homepage进入到主页后的页面即展示统计图表。图中的账户名、账号、以及头像是博主登录以后显示出来的，页面效果如图所示：

接下来我们来看看每个统计图的鼠标移动效果图，其实这些效果都是Echarts渲染好了的，我们直接使用即可。

最近七天访问量条形图：

这里我们选择的是条形图，当我们的鼠标移动到十月二十三号这天时，就会弹出展示相应的值。点击右上角的下载按钮时，可保存这张条形统计图到本地。

最近七天订单成交量折现图：

这里我们选择的是折线图，当鼠标移动到对应的转折点上时，展示当当天的订单成交量。同样右上角的下载按钮可以下载当前生成的折线图。

订单归属地饼状图：

这里我们选择的是饼状图，当鼠标移动到对应的某一板块时，如图展示。当地区增加的时候，排列在左边，点击排列中的城市，可以隐藏饼状图中的某一模块。同样右上角的下载按钮可以下载当前生成的饼状图。

订单量以及退单量的折现对比图：

这里我们选择的是折现对比图，当鼠标移动到折现对比图的转折点上时，展示对应的数据。点击顶部对应的圆点可隐藏对应的折线。同样右上角的下载按钮可以下载当前生成的折线对比图。

在博主后续更新中，会持续更新后台代码，将表中数据一一对应到图表中。

有需要代码源码的同学可以私聊博主源码地址，直接拉取运行即可。