生成图表

前言

​上一篇我们添加了日志记录,并实现了简单的日志统计功能。在实际使用中,往往需要对比一段时间能的用户增长情况及用户活跃度,这些数据以图表的形式进行展现会更直观。

知识准备

ECharts

​ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari 等)、底层依赖矢量图形库 ZRender,提供直观、交互丰富、可高度个性化定制的数据可视化图表。 ​ ​ECharts 提供了常规的折线图、柱状图、散点图、饼图、K 线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、TreeMap、旭日图,多维数据可视化的平行坐标,还有漏斗图、仪表盘,并且支持图与图之间的混搭。

官网演示地址:

https://echarts.apache.org/examples/zh/index.html

Vue-echarts

​Vue-echarts 是将 ECharts 进行了简单的组件化封装,使其能在 Vue 项目中方便使用,演示地址: ​

你可能感兴趣的:(全栈工程师实战:从,0,开发云笔记)