開源：Angularjs樣本--Sonar中項目使用語言分布圖

      在部落格中介紹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）

650) this.width=650;" alt="" src="https://github.com/greengerong/SonarLanguage/blob/master/language.jpg?raw=true" />

 

   多多交流共同進步650) this.width=650;" style="display: inline" title="X1`E@`R9LLX~6VHSWO`NXY0" alt="X1`E@`R9LLX~6VHSWO`NXY0" height="24" src="http://www.bkjia.com/uploads/allimg/131228/12222050P-0.gif" />。

本文出自 “破狼” 部落格，請務必保留此出處http://whitewolfblog.blog.51cto.com/3973901/1076341