一个简单的数据分析系统

近期女朋友(律师事务所-知识管理部门)想要对她日常接收到的数据进行分析,来判断哪些用户、部门、全球办公室会比较重视KM的工作,使用WAMP+ThinkPHP+BootStrap写了一个简单的,做简单总结。

关于图表控件的选用:以前一直都是使用HighCharts,觉得不好看,偶尔在BootStrap中文网发现了Chart.js,虽然种类较少(6)但效果绝对惊艳,首先下载一个Chart.js_Master.zip,解压引用js后,浏览一下范例,非常简洁。

缺陷:Chart.js图表的大小控制比较繁琐,在图表外层一般用一个div布局图表,发现除了饼图,其它各种图表均无法使用width...height这种css样式控制大小,需要在外层div+宽高共同控制,而饼图不需要,这种设置很奇怪。

上图为饼图,只需要宽高就能控制大小。

上图为雷达图,控制大小相对麻烦。

由于做了很多图,所以只需要取到数据-〉把所有数据都写在一个window.onload方法里就好了:

显示效果如下:

Bootstrap效果还是很简洁,但在输出表格时,合并几行,会出现以下情况:

表格向右凸出来不少..对于追求完美的我。。

其它还是不错的:登陆

 

 

 

转载于:https://www.cnblogs.com/valentineisme/p/3885173.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值