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
|
<script type="text/javascript">
function isolator(key) {
return function(item) {
return { date_entered: scope.dateParser(item.date_entered),
timespan: Math.max(item.data[key], 0) }
}
}
scope.massageGraphData = function(blob) {
scope.rawData = blob;
scope.graphData = [
{
key: 'Kernel',
values: blob.data.map(isolator('kernel'))
},
{
key: 'Plumbing',
values: blob.data.map(isolator('plumbing'))
},
{
key: 'XOrg',
values: blob.data.map(isolator('xorg'))
},
{
key: 'Desktop',
values: blob.data.map(isolator('desktop'))
// },
// {
// key: 'Total Boot',
// values: blob.data.map(isolator('boot'))
}
];
}
</script>
<nvd3-stacked-area-chart
data="graphData"
id="bootspeed_graph"
height="400"
margin="{left:100,top:10,bottom:40,right:100}"
x="accessor('item.date_entered')"
y="accessor('item.timespan')"
useInteractiveGuideLine="true"
tooltips="true"
showXAxis="true"
xAxisTickFormat="dateFormatter()"
xAxisStaggerLabels="true"
showYAxis="true"
yAxisTickFormat="numberFormatter(',.2f', 's')"
yAxisTickPadding="10"
showLegend="true"
showValues="true">
<svg></svg>
</nvd3-stacked-area-chart>
<table>
<tr>
<td ng-repeat="series in graphData">
<b>{{series.key}}</b>
<dl ng-repeat="item in series.values">
<dt>{{dateFormatter(ISO_ISH)(item.date_entered)}}</dt>
<dd>Result: <b>{{item.timespan}}s</b></dd>
</dl>
</td>
</tr>
</table>
|