44 |
$("#dbProbeContent").load("DbConnectionProbe"); |
$("#dbProbeContent").load("DbConnectionProbe"); |
45 |
}); |
}); |
46 |
|
|
47 |
|
var options = { |
48 |
|
//Boolean - Whether we should show a stroke on each segment |
49 |
|
segmentShowStroke : true, |
50 |
|
|
51 |
|
//String - The colour of each segment stroke |
52 |
|
segmentStrokeColor : "#fff", |
53 |
|
|
54 |
|
//Number - The width of each segment stroke |
55 |
|
segmentStrokeWidth : 2, |
56 |
|
|
57 |
|
//Number - The percentage of the chart that we cut out of the middle |
58 |
|
percentageInnerCutout : 50, // This is 0 for Pie charts |
59 |
|
|
60 |
|
//Number - Amount of animation steps |
61 |
|
animationSteps : 10, |
62 |
|
|
63 |
|
//String - Animation easing effect |
64 |
|
animationEasing : "easeOutBounce", |
65 |
|
|
66 |
|
//Boolean - Whether we animate the rotation of the Doughnut |
67 |
|
animateRotate : true, |
68 |
|
|
69 |
|
//Boolean - Whether we animate scaling the Doughnut from the centre |
70 |
|
animateScale : false, |
71 |
|
|
72 |
|
}; |
73 |
|
|
74 |
|
|
75 |
|
if ( "<c:out value="${stats.direkteCount}"></c:out>" != "") { |
76 |
|
var data = [ |
77 |
|
{ |
78 |
|
value: <c:out value="${stats.direkteCount}"></c:out>, |
79 |
|
color: "#46BFBD", //grøn |
80 |
|
highlight: "#5AD3D1", |
81 |
|
|
82 |
|
label: "Direkte" |
83 |
|
}, |
84 |
|
{ |
85 |
|
value: <c:out value="${stats.extendedCount}"></c:out>, |
86 |
|
color: "#FDB45C", //gul |
87 |
|
highlight: "#FFC870", |
88 |
|
label: "Udvidet" |
89 |
|
}, |
90 |
|
{ |
91 |
|
value: <c:out value="${stats.hundredePctCount}"></c:out>, |
92 |
|
color: "#949FB1", //grey |
93 |
|
highlight: "#A8B3C5", |
94 |
|
label: "100%" |
95 |
|
} |
96 |
|
, |
97 |
|
{ |
98 |
|
value: <c:out value="${stats.ikkeDaekketCount}"></c:out>, |
99 |
|
color:"#F7464A", //rød |
100 |
|
highlight: "#FF5A5E", |
101 |
|
label: "Ikke dækket" |
102 |
|
} |
103 |
|
] |
104 |
|
|
105 |
|
// Get context with jQuery - using jQuery's .get() method. |
106 |
|
var ctx = $("#myChart").get(0).getContext("2d"); |
107 |
|
// This will get the first returned node in the jQuery collection. |
108 |
|
var myNewChart = new Chart(ctx).Pie(data,options); |
109 |
|
|
110 |
|
} |
111 |
|
|
112 |
|
|
113 |
|
|
152 |
<td align="right"><c:out value="${stats.totalCount}"></c:out></td> |
<td align="right"><c:out value="${stats.totalCount}"></c:out></td> |
153 |
</tr> |
</tr> |
154 |
</table> |
</table> |
155 |
|
|
156 |
|
<canvas id="myChart" width="150" height="150"></canvas> |
157 |
|
|
158 |
</c:when> |
</c:when> |
159 |
<c:otherwise> |
<c:otherwise> |