开源:Angularjs示例--Sonar中项目使用语言分布图
2012-12-02 11:24 破狼 阅读(4757) 评论(1) 编辑 收藏 举报在博客中介绍google的Angularjs 客户端PM模式框架很久了,今天发布一个关于AngularJs使用是简单示例SonarLanguage(示例位于Github:https://github.com/greengerong/SonarLanguage)。本项目只是一个全为客户端的示例项目。项目的初始是我想看看在公司的项目中使用语言的分布比例,看看C#的份额,这一年一直坐着Java项目,却还是喜欢着C#,这只是个人问题,不存在语言之争。公司的项目在持续集成CI后都会传递build数据到Sonar产生报表。所以我可以在Sonar获取到项目和项目使用语言,并且Sonar Restfull API提供了Jsonp的访问方式,自然一切水到渠成,获取数据,展示数据,查询,排序,显示语言分布饼图。
项目样式借助bootstrap和google code 的html5.js使用标准标准的html布局,header,section,footer等,并使用angularjs,underscore作为项目统计辅助框架,amcharts绘制饼图。多的不在这里多说,如果你感兴趣的话请到github查看https://github.com/greengerong/SonarLanguage。
项目的最终效果为:(这里的地址已经换为了官方的API http://nemo.sonarsource.org)
作者:破 狼
出处:http://www.cnblogs.com/whitewolf/
本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-个人独立博客、博客园--破狼和51CTO--破狼。