forked from youtube/api-samples
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtrial.html
More file actions
101 lines (88 loc) · 3.77 KB
/
trial.html
File metadata and controls
101 lines (88 loc) · 3.77 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<html>
<head>
<title >Jira Frequency</title>
<script type="text/javascript" src="js/cviz-4.1.0.min.js"></script>
<link rel="stylesheet" href="css/cviz-4.1.0.min.css">
<link rel="stylesheet" href="css/customStyle.css">
<style>
.scatter-plot .label{
font-style: normal;
font-weight: lighter;
}
</style>
</head>
<body bgcolor="#fffff">
<script type="text/javascript">
cviz.jQuery(document).ready(function () {
function drawGroupedColumn(data){
var graphRunner = cviz.widget.GroupedColumn.Runner ({
id : '1',
container : {
id : '#jirasnapshot',
title : 'Jira Snapshot Chart',
titlePos :15,
titleTooltip : 'Jira Snapshot',
width : 1500,
height : 459,
showGrid : 'yes',
contextBrush:'yes',
showLines: 'no'
},
bindings : {
x : 'sprintName',
y : 'count',
item : 'status',
group : 'status'
},
margin: {
top: 50,
right: 70,
bottom:50,
},
scaling : { x : 4, y : 1 },
scaleFormat : { x: ' ', y: ' ' },
ticks : { y : 5 },
tickerAngle : { x : 0 },
columnGloss : 'no',
padding : 0.4,
innerPadding : 0.1,
labels : { x : 'sprintName', y : 'count' },
colors: { 'Done' : 'darkgreen',
'In Progress' : 'orange',
'Backlog': 'red'
},
legend : {
position: 'right',
height: 85,
width: 80,
itemsPerRow: 1,
itemDimension: 20
},
tooltip : {
bindings : [{
label : 'count',
bindWith : 'count'
},{
label : 'status',
bindWith : 'status'
}]
}
}).graph().render(data);
}
var mdata =
[{"projectName":"KPI Dashboard","sprintName":"KD Sprint 1","status":"Done","count":1},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 1","status":"In Progress","count":3},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 1","status":"Backlog","count":5},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 2","status":"In Progress","count":1},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 2","status":"Done","count":2},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 3","status":"Done","count":3},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 4","status":"Done","count":4},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 5","status":"Done","count":3},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 6","status":"Done","count":2},{"projectName":"KPI Dashboard","sprintName":"KD Sprint 7","status":"In Progress","count":20},{"projectName":"KPIProject","sprintName":"KPIP Sprint 1","status":"Done","count":3},{"projectName":"Cash Plans","sprintName":"CASHPSprint2","status":"Backlog","count":1}]
drawGroupedColumn(mdata);
});
</script>
<div class="title"><b>Jira Feature Frequency</b></div>
<div> <div>
<div style="float: left;width:100%;position: relative;font-family: 'Arial', 'Open Sans', sans-serif;font-size: 13px" ><b>Jira Feature Applications:</b>
<select name="dropdown"><option value="All" selected>All</option>
<option value="KPI Dashboard">KPI Dashboard</option>
<option value="KPIProject">KPIProject</option>
<option value="Cash Plans">Cash Plans</option>
</select></div>
<div id="jirasnapshot" style="float:left;position: relative;width: 100%"></div>
<div class="link" style="width: 50%"><a href="Buildfrequency.html" style="color:black">Detailed Jira Graph</a></div>
</body>
</html>