开源:Angularjs示例--Sonar中项目使用语言分布图

本项目通过AngularJS实现了一个简单的客户端应用,用于展示公司项目中不同编程语言的使用分布情况。利用Sonar提供的Restful API获取项目数据,并通过amCharts绘制语言分布饼图。项目采用Bootstrap和html5.js进行布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      在博客中介绍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

 

   多多交流共同进步X1`E@`R9LLX~6VHSWO`NXY0



 本文转自 破狼 51CTO博客,原文链接:http://blog.51cto.com/whitewolfblog/1076341,如需转载请自行联系原作者


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值