mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-23 05:50:55 +01:00
e9dedb0c88
Summary: - These are still slow, awkward and hideous -- but slightly better than before. - Allow "open" reports to be sorted. - Add a "burn" chart/table for assessing project volatility. - Add navigation. Test Plan: Looked at reports. Reviewers: btrahan Reviewed By: btrahan CC: aran, epriestley Maniphest Tasks: T923 Differential Revision: https://secure.phabricator.com/D1737
93 lines
1.9 KiB
JavaScript
93 lines
1.9 KiB
JavaScript
/**
|
|
* @provides javelin-behavior-burn-chart
|
|
* @requires javelin-behavior
|
|
* javelin-dom
|
|
* javelin-vector
|
|
*/
|
|
|
|
JX.behavior('burn-chart', function(config) {
|
|
|
|
var h = JX.$(config.hardpoint);
|
|
var p = JX.$V(h);
|
|
var d = JX.Vector.getDim(h);
|
|
var mx = 60;
|
|
var my = 30;
|
|
|
|
var r = Raphael(p.x, p.y, d.x, d.y);
|
|
|
|
var l = r.linechart(
|
|
mx, my,
|
|
d.x - (2 * mx), d.y - (2 * my),
|
|
config.x,
|
|
config.y,
|
|
{
|
|
nostroke: false,
|
|
axis: "0 0 1 1",
|
|
shade: true,
|
|
gutter: 1,
|
|
colors: ['#d00', '#090']
|
|
});
|
|
|
|
|
|
// Convert the epoch timestamps on the X axis into readable dates.
|
|
|
|
var n = 2;
|
|
var ii = 0;
|
|
var text = l.axis[0].text.items;
|
|
for (var k in text) {
|
|
if (ii++ % n) {
|
|
text[k].attr({text: ''});
|
|
} else {
|
|
var cur = text[k].attr('text');
|
|
var date = new Date(parseInt(cur, 10) * 1000);
|
|
var str = date.toLocaleDateString();
|
|
text[k].attr({text: str});
|
|
}
|
|
}
|
|
|
|
// Get rid of the green shading below closed tasks.
|
|
|
|
l.shades[1].attr({fill: '#fff', opacity: 1});
|
|
|
|
l.hoverColumn(function() {
|
|
|
|
|
|
var open = 0;
|
|
for (var ii = 0; ii < config.x[0].length; ii++) {
|
|
if (config.x[0][ii] > this.axis) {
|
|
break;
|
|
}
|
|
open = config.y[0][ii];
|
|
}
|
|
|
|
var closed = 0;
|
|
for (var ii = 0; ii < config.x[1].length; ii++) {
|
|
if (config.x[1][ii] > this.axis) {
|
|
break;
|
|
}
|
|
closed = config.y[1][ii];
|
|
}
|
|
|
|
|
|
var date = new Date(parseInt(this.axis, 10) * 1000).toLocaleDateString();
|
|
var total = open + " Total Tasks";
|
|
var pain = (open - closed) + " Open Tasks";
|
|
|
|
var tag = r.tag(
|
|
this.x,
|
|
this.y[0],
|
|
[date, total, pain].join("\n"),
|
|
180,
|
|
24);
|
|
tag
|
|
.insertBefore(this)
|
|
.attr([{fill : '#fff'}, {fill: '#000'}]);
|
|
|
|
this.tags = r.set();
|
|
this.tags.push(tag);
|
|
}, function() {
|
|
this.tags && this.tags.remove();
|
|
});
|
|
|
|
});
|
|
|