薛彬的博客 Xue bin's Personal Growth Website

时间可视化分析平台

2016-04-13
薛彬

闲着无聊心血来潮做了这个东西,功能还待完善。

主界面:

弹出饼状图:

演示Demo

代码

这是一个基于百度Echarts的可视化界面,其实很简单。

我想要把它做成可以和数据库连接,并且用户可以登陆,然后每天可以将自己的时间录入,可查看每天,每周,每月的时间分布。

都用到啥了~

这次做这个东西使用了前端框架和插件,减少了工作量。。。不想设计CSS了,好丑。。。

Echarts

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

附上官网地址:

Echarts

Amaze UI

Amaze ~ 妹子 UI,名字不错哈哈哈。

号称中国首个开源 HTML5 跨屏前端框架哦。

Layer.js

一个弹出层的插件。


相关文章

评论