|
83 | 83 |
|
84 | 84 | <?php echo $this->fetch('script'); ?>
|
85 | 85 | <?php echo $this->fetch('scriptBottom'); ?>
|
86 |
| -<!-- Flot --> |
87 |
| -<script> |
88 |
| - $(document).ready(function() { |
89 |
| - var data1 = [ |
90 |
| - [gd(2012, 1, 1), 17], |
91 |
| - [gd(2012, 1, 2), 74], |
92 |
| - [gd(2012, 1, 3), 6], |
93 |
| - [gd(2012, 1, 4), 39], |
94 |
| - [gd(2012, 1, 5), 20], |
95 |
| - [gd(2012, 1, 6), 85], |
96 |
| - [gd(2012, 1, 7), 7] |
97 |
| - ]; |
98 |
| - |
99 |
| - var data2 = [ |
100 |
| - [gd(2012, 1, 1), 82], |
101 |
| - [gd(2012, 1, 2), 23], |
102 |
| - [gd(2012, 1, 3), 66], |
103 |
| - [gd(2012, 1, 4), 9], |
104 |
| - [gd(2012, 1, 5), 119], |
105 |
| - [gd(2012, 1, 6), 6], |
106 |
| - [gd(2012, 1, 7), 9] |
107 |
| - ]; |
108 |
| - $("#canvas_dahs").length && $.plot($("#canvas_dahs"), [ |
109 |
| - data1, data2 |
110 |
| - ], { |
111 |
| - series: { |
112 |
| - lines: { |
113 |
| - show: false, |
114 |
| - fill: true |
115 |
| - }, |
116 |
| - splines: { |
117 |
| - show: true, |
118 |
| - tension: 0.4, |
119 |
| - lineWidth: 1, |
120 |
| - fill: 0.4 |
121 |
| - }, |
122 |
| - points: { |
123 |
| - radius: 0, |
124 |
| - show: true |
125 |
| - }, |
126 |
| - shadowSize: 2 |
127 |
| - }, |
128 |
| - grid: { |
129 |
| - verticalLines: true, |
130 |
| - hoverable: true, |
131 |
| - clickable: true, |
132 |
| - tickColor: "#d5d5d5", |
133 |
| - borderWidth: 1, |
134 |
| - color: '#fff' |
135 |
| - }, |
136 |
| - colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"], |
137 |
| - xaxis: { |
138 |
| - tickColor: "rgba(51, 51, 51, 0.06)", |
139 |
| - mode: "time", |
140 |
| - tickSize: [1, "day"], |
141 |
| - //tickLength: 10, |
142 |
| - axisLabel: "Date", |
143 |
| - axisLabelUseCanvas: true, |
144 |
| - axisLabelFontSizePixels: 12, |
145 |
| - axisLabelFontFamily: 'Verdana, Arial', |
146 |
| - axisLabelPadding: 10 |
147 |
| - }, |
148 |
| - yaxis: { |
149 |
| - ticks: 8, |
150 |
| - tickColor: "rgba(51, 51, 51, 0.06)", |
151 |
| - }, |
152 |
| - tooltip: false |
153 |
| - }); |
154 |
| - |
155 |
| - function gd(year, month, day) { |
156 |
| - return new Date(year, month - 1, day).getTime(); |
157 |
| - } |
158 |
| - }); |
159 |
| -</script> |
160 |
| -<?php echo $this->Html->script('Gentelella./js/maps/jquery-jvectormap-world-mill-en'); ?> |
161 |
| -<?php echo $this->Html->script('Gentelella./js/maps/jquery-jvectormap-us-aea-en'); ?> |
162 |
| -<?php echo $this->Html->script('Gentelella./js/maps/gdp-data'); ?> |
163 |
| -<script> |
164 |
| - $(document).ready(function(){ |
165 |
| - $('#world-map-gdp').vectorMap({ |
166 |
| - map: 'world_mill_en', |
167 |
| - backgroundColor: 'transparent', |
168 |
| - zoomOnScroll: false, |
169 |
| - series: { |
170 |
| - regions: [{ |
171 |
| - values: gdpData, |
172 |
| - scale: ['#E6F2F0', '#149B7E'], |
173 |
| - normalizeFunction: 'polynomial' |
174 |
| - }] |
175 |
| - }, |
176 |
| - onRegionTipShow: function(e, el, code) { |
177 |
| - el.html(el.html() + ' (GDP - ' + gdpData[code] + ')'); |
178 |
| - } |
179 |
| - }); |
180 |
| - }); |
181 |
| -</script> |
182 |
| -<!-- /jVectorMap --> |
183 |
| - |
184 |
| -<!-- Skycons --> |
185 |
| -<script> |
186 |
| - $(document).ready(function() { |
187 |
| - var icons = new Skycons({ |
188 |
| - "color": "#73879C" |
189 |
| - }), |
190 |
| - list = [ |
191 |
| - "clear-day", "clear-night", "partly-cloudy-day", |
192 |
| - "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind", |
193 |
| - "fog" |
194 |
| - ], |
195 |
| - i; |
196 |
| - |
197 |
| - for (i = list.length; i--;) |
198 |
| - icons.set(list[i], list[i]); |
199 |
| - |
200 |
| - icons.play(); |
201 |
| - }); |
202 |
| -</script> |
203 |
| -<!-- /Skycons --> |
204 |
| - |
205 |
| -<!-- Doughnut Chart --> |
206 |
| -<script> |
207 |
| - $(document).ready(function(){ |
208 |
| - var options = { |
209 |
| - legend: false, |
210 |
| - responsive: false |
211 |
| - }; |
212 |
| - |
213 |
| - new Chart(document.getElementById("canvas1"), { |
214 |
| - type: 'doughnut', |
215 |
| - tooltipFillColor: "rgba(51, 51, 51, 0.55)", |
216 |
| - data: { |
217 |
| - labels: [ |
218 |
| - "Symbian", |
219 |
| - "Blackberry", |
220 |
| - "Other", |
221 |
| - "Android", |
222 |
| - "IOS" |
223 |
| - ], |
224 |
| - datasets: [{ |
225 |
| - data: [15, 20, 30, 10, 30], |
226 |
| - backgroundColor: [ |
227 |
| - "#BDC3C7", |
228 |
| - "#9B59B6", |
229 |
| - "#E74C3C", |
230 |
| - "#26B99A", |
231 |
| - "#3498DB" |
232 |
| - ], |
233 |
| - hoverBackgroundColor: [ |
234 |
| - "#CFD4D8", |
235 |
| - "#B370CF", |
236 |
| - "#E95E4F", |
237 |
| - "#36CAAB", |
238 |
| - "#49A9EA" |
239 |
| - ] |
240 |
| - }] |
241 |
| - }, |
242 |
| - options: options |
243 |
| - }); |
244 |
| - }); |
245 |
| -</script> |
246 |
| -<!-- /Doughnut Chart --> |
247 | 86 |
|
248 | 87 | <!-- bootstrap-daterangepicker -->
|
249 | 88 | <script>
|
|
319 | 158 | </script>
|
320 | 159 | <!-- /bootstrap-daterangepicker -->
|
321 | 160 |
|
322 |
| -<!-- gauge.js --> |
323 |
| -<script> |
324 |
| - var opts = { |
325 |
| - lines: 12, |
326 |
| - angle: 0, |
327 |
| - lineWidth: 0.4, |
328 |
| - pointer: { |
329 |
| - length: 0.75, |
330 |
| - strokeWidth: 0.042, |
331 |
| - color: '#1D212A' |
332 |
| - }, |
333 |
| - limitMax: 'false', |
334 |
| - colorStart: '#1ABC9C', |
335 |
| - colorStop: '#1ABC9C', |
336 |
| - strokeColor: '#F0F3F3', |
337 |
| - generateGradient: true |
338 |
| - }; |
339 |
| - var target = document.getElementById('foo'), |
340 |
| - gauge = new Gauge(target).setOptions(opts); |
341 |
| - |
342 |
| - gauge.maxValue = 6000; |
343 |
| - gauge.animationSpeed = 32; |
344 |
| - gauge.set(3200); |
345 |
| - gauge.setTextField(document.getElementById("gauge-text")); |
346 |
| -</script> |
347 |
| -<!-- /gauge.js --> |
348 | 161 | </body>
|
349 | 162 | </html>
|
0 commit comments