In the blog to introduce Google's Angularjs client PM mode framework for a long time, today released a angularjs on the use of a simple example sonarlanguage(example at github:https:// Github.com/greengerong/sonarlanguage). This project is just a sample project for all clients. The beginning of the project is I want to look at the company's projects in the use of language distribution ratio, to see the share of C #, this year has been sitting in the Java project, but still like C #, this is only a personal problem, there is no language dispute. The company's projects deliver the build data to the sonar generation report after continuous integration of CI. So I can get project and project using language in Sonar, and sonar Restfull API provides JSONP access way, naturally everything happens, get data, display data, query, sort, display language distribution pie chart.
Project style with the help of Bootstrap and Google code The html5.js uses standard HTML layouts, Header,section,footer, and so on, and uses Angularjs,underscore as the Project Statistics Auxiliary Framework amcharts draw pie charts. Many do not say here, if you are interested, please go to GitHub to see Https://github.com/greengerong/SonarLanguage.
The final effect of the project is: (this address has been changed to the official API http://nemo.sonarsource.org).
This article from the "Wolf" blog, please be sure to keep this source http://whitewolfblog.blog.51cto.com/3973901/1076341