在博客中介绍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/archive/2012/12/02/2798001.html，如需转载请自行联系原作者