使用Github生成燃尽图
经过一晚上折腾,终于算是把linux上成功生成了我们团队项目的燃尽图,效果还是不错,在过程中又发现了另一种生成燃尽图的方式,也是基于一个开源项目。
1、准备:
首先你的项目一定要有milestone。你可以按如下步骤建立一个milestone:
- 点击项目主页Issues进入Issues页面:

- 点击标签页中的MileStone标签,然后点击右侧New milestone按钮新建一个MileStone。

- 在Title里可以写“α版本”或者你们其他预计要达到的版本即可,在描述中可以写项目的验收标准或者项目要完成的功能。在右侧的日历表中要选的时间是该milestone预估实现时的日期。

- 在新建完成milestone后,如果你之前已经发布了很多个Issue,那么可以通过如下方式将Issue全部转移到新的milestone中:
- 首先点击下图中的左侧全选框

- 将所有的选中后,点击下方所示的Milestone,在里面选择一个要set的

注意:记得要对每一页的Issues进行如上操作。如果是新建了milestone之后才建的Issues,在建Issues时要记得加上milestone。
- 在完成milestone后,我们还需要加入类似[size 1]这样的标签(数字表示贡献量或叫工作量),比如下面我们组的标签:

这样我们的准备工作就完成了,下面我们通过两种方式来生成燃尽图。
2、通过现成的服务器生成
首先介绍一个网站:http://radekstepan.com/burnchart
- 这个网站是可以帮Github上的项目生成燃尽图的,首先打开这个网站。

- 示意图如上所示,那么现在点击左上角的Add a Project

- 注意这里填入你的Github项目的相对路径,相对路径你可以按如下方式找到,首先打开你们的Gtihub项目主页:

- 在浏览器的地址栏中,截取github.com/ 后面的内容就是Github项目的相对地址,比如我们团队项目地址是
https://github.com/buaase/Phylab-Web
- 那么截取后的相对地址应该是:
buaase/Phylab-Web
- 将项目相对路径输入到刚才那个页面中,现在页面截图如下:

- 点击右侧Add按钮后,进入如下页面:

- 然后点击项目名称,比如在这里点击下方红色框内部分:

- 点击进入后,再点击对应的Milestones,比如这里我们点击 阿尔法版本雏形 。

- 这样就可以看到我们的燃尽图啦!

3、另一种方式(Linux环境下)
安装依赖
#安装nodejs,教程可以参考:
http://my.oschina.net/blogshi/blog/260953
# 再安装npm,如下:
wget http://npmjs.org/install.sh
sudo chmod u+x install.sh
./install.sh
# 克隆项目仓库
git clone https://github.com/JerrySievert/github-burndown-chart.git
# 进入项目文件夹
cd github-burndown-chart
# 提升权限,在ubuntu下这一点非常重要!!!
sudo -s
# 开始安装过程...
npm install express -gd
npm install eco -d
npm install --save coffee-script
npm install flatiron -d
npm install connect -d
npm install js-yaml -d
npm install union -d
# 别看github项目主页上写着只有几个依赖...但是实际上依赖非常多...
修改配置文件config.yml
#这里user就是项目相对路径中的第一个元素,project就是项目相对路径中的第二个元素。
github_user: 'buaase'
github_project: 'Phylab-Web'
#这里的project_name是自己随便写的,比如
project_name: 'Phylab-Web BurnDown chart'
#这里的6,7是指休息日,如果设置为休息日,计划线就会在那两天为平
weekend: [ 6, 7 ]
#注意这里base_url保持不变即可,如果你改变clone后的文件夹名字,那么填改动后的名字即可。
base_url: 'github-burndown-chart'
#这个api_token对于公开的项目不需要填写
api_token: false
#运行之前注意一点,要对github-burndown-chart文件夹内的文件设置权限:
cd ..
sudo chmod u+x github-burndown-chart -R
#重新进入项目
cd github-burndown-chart
#运行start.js
node start.js
运行时如果出现404的错误,可能是user_project那里填错了。
出现像403的错误,请看看是否没有联网,还有可以插入网线尝试一下。
如果运行正常,将会出现下面类似的图:

这时候我们访问端口地址:
http://127.0.0.1:47727(这个跟生成地址有关)
可以看到如下图:

这样我们就生成了燃尽图!其中蓝色是计划线,而橘色线是实际工作线。
这个燃尽图是按加上size 标签的工作量计算的,所以是按积压工作量来计算的~
至此,我们就完成github项目生成燃尽图的目标啦~
使用Github生成燃尽图的更多相关文章
- [团队项目]Github生成燃尽图的方式
经过一晚上折腾,终于算是把linux上成功生成了我们团队项目的燃尽图,效果还是不错,在过程中又发现了另一种生成燃尽图的方式,也是基于一个开源项目. 1.准备: 首先你的项目一定要有milestone. ...
- github生成燃尽图
一. 前期准备工作. 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8添加标签 二. 修改进度 2.1进入milestone,编辑 可以看到上面有bug标签,进入并解决 ...
- github更新,发布地址,燃尽图,总结
github地址:https://github.com/Lingchaoyang 网盘发布地址:http://pan.baidu.com/s/1qXgHiyC 燃尽图: 团队得分(100分制): 杨灵 ...
- 第六周 可执行代码 以及 PSP 燃尽图 等等
转眼已经第六周了.这周主要内容有下:(CHECKLIST) 1.完成未完成的功能点. 2.PSP. 3.站立会议. 4.燃尽图. 5.各种图(折线,饼图). 6.checkList 具体任务如下: 1 ...
- [团队项目]第二个冲刺 看板和燃尽图 Sprint2 6.8/6.9/6.10/6.11/6.12/6.13/6.14
1.开始一个新的冲刺: 起止:2016.6.1~2016.6.14 按照以下过程进行 ProductBacklog:继续向下细化 Sprint 计划会议:确定此次冲刺要完成的目标 Sprint Bac ...
- JavaScript如何生成思维导图(mindmap)
JavaScript如何生成思维导图(mindmap) 一.总结 一句话总结:可以直接用gojs gojs 二.一个用JavaScript生成思维导图(mindmap)的github repo(转) ...
- 使用highcharts绘制美观的燃尽图
使用highcharts绘制美观的燃尽图 助教在博客中介绍了两种绘制燃尽图的方法,但是我们组在使用时发现有些任务不适合写进issue,而且网站生成的燃尽图不是很美观,因此我们打算使用其他方法自己绘制燃 ...
- 第五周 PSP 燃尽图 以及 进度条总结
1.PSP DATE START-TIME END-TIME EVENT DELTA TYPE 3.12 9.30 11.30 环境搭建 音乐30min QQ25min ...
- JS生成gif动态图下载
需求:通过动态变化的图生成一个gif图提供下载. 实现方案:1.可通过服务端生成对应gif,然后前端请求下载2.前端自己实现生成gif图片,自行下载 采用方案:前端实现方式,于是在网上找各种相关的几款 ...
随机推荐
- C#组件系列——又一款日志组件:Elmah的学习和分享
前言:好久没动笔了,都有点生疏,12月都要接近尾声,可是这月连一篇的产出都没有,不能坏了“规矩”,今天还是来写一篇.最近个把月确实很忙,不过每天早上还是会抽空来园子里逛逛.一如既往,园子里每年这个时候 ...
- DSAPI多功能组件编程应用-HTTP监听服务端与客户端
本文中,演示了使用DSAPI.网络相关.HTTP监听,快速建立服务端和客户端. HTTP监听服务端的作用,是监听指定计算机端口,以实现与IIS相同的解析服务,提供客户端的网页请求,当然,这不仅仅是应用 ...
- 分享PowerDesigner使用的设置
用PowerDesigner比较直观, 方便管理,修改数据库,分享 Oracle的逆向工程,和模型图的显示设置 https://blog.csdn.net/u011781521/article/det ...
- Java开发笔记(六十)匿名内部类的优势
前面依次介绍了简单接口和扩展接口,给出的范例都是自定义的接口代码,其实Java系统本身就自带了若干行为接口,为了更好地理解系统接口的详细用法,接下来还是从一个基础的例子出发,抽丝剥茧地逐步说明接口的几 ...
- 关于我的博客(About My Blogs)
本文算是第一篇文章,记录工作/学习/生活中的觉得值得分享的东西 When,Where,Who,What,How,Why,尽可能每篇博文当作一个事件来描述. 也就是触发想写这篇文章的事件. 要坚持下来写 ...
- css中关于table的相关设置
一.设置好看的单边框表格 1.一种实现方式 分别给table标签和td标签设置不在同一方向的border属性,如下table设置‘左上’边框,td设置‘右下’边框.其他设置方式同样可以实现. tabl ...
- Xamarin for Visual Studio下载后的文件路径
Xamarin for Visual Studio的下载很纠结,在官网上不知道如何下载?现在找到一个办法:可以先在网上找一个低版本的之后安装,然后利用VS更新.利用VS更新这里也遇到了问题,下载成功之 ...
- 万能pb_ds头文件—bits/extc++.h
c++中自带了一些非常强大却鲜为人知的功能库—pd_ds库 里面含有红黑树(rb_tree),哈希表(gp_hash_table),可持久化平衡树(rope)等超强数据结构 但是有一件非常令人头痛的事 ...
- TS学习随笔(四)->数组的类型
少侠们,今天我们继续来搞一搞TS 今天我们要来看一看TS中数组的定义是个什么鬼样子 数组的类型: 在 TypeScript 中,数组类型有多种定义方式,比较灵活.下面我们来看看有哪些定义方法 「类型 ...
- 【代码笔记】Web-CSS-CSS Fonts(字体)
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...