01 |
<?xml version="1.0" encoding="UTF-8"?> |
02 |
<anychart> |
03 |
<gauges> |
04 |
<gauge> |
05 |
<chart_settings> |
06 |
<title enabled="true" padding="10"> |
07 |
<text><![CDATA[Weather Dashboard]]></text> |
08 |
</title> |
09 |
</chart_settings> |
10 |
<circular name="windDirection" x="0" y="0" width="40" height="60"> |
11 |
<axis radius="34" start_angle="180" sweep_angle="360" size="10"> |
12 |
<scale minimum="0" maximum="360" major_interval="45" minor_interval="15" inverted="true" /> |
13 |
<labels enabled="true" show_first="false" align="Outside" padding="5"> |
14 |
<format><![CDATA[{%Value}{numDecimals:0}°]]></format> |
15 |
<font family="Arial" size="11" bold="true" color="#494949" /> |
16 |
</labels> |
17 |
<scale_bar enabled="true"> |
18 |
<fill color="#E0E0E0" /> |
19 |
<border color="#D3D2CC" /> |
20 |
</scale_bar> |
21 |
<minor_tickmark enabled="false" /> |
22 |
<major_tickmark shape="Rectangle" align="Outside" padding="0" length="6" width="3"> |
23 |
<fill color="#494949" /> |
24 |
</major_tickmark> |
25 |
</axis> |
26 |
<frame> |
27 |
<inner_stroke enabled="false" /> |
28 |
<outer_stroke enabled="true" thickness="4"> |
29 |
<fill type="Gradient"> |
30 |
<gradient> |
31 |
<key color="#FEFEFE" /> |
32 |
<key color="#CECECE" /> |
33 |
</gradient> |
34 |
</fill> |
35 |
<border enabled="true" color="Black" opacity="0.1" /> |
36 |
</outer_stroke> |
37 |
<background> |
38 |
<fill type="Solid" color="White" /> |
39 |
<border color="#D3D2CC" /> |
40 |
<effects enabled="true"> |
41 |
<inner_shadow enabled="true" distance="3" opacity="0.2" /> |
42 |
</effects> |
43 |
</background> |
44 |
<effects enabled="true"> |
45 |
<drop_shadow enabled="true" distance="3" opacity="0.3" /> |
46 |
</effects> |
47 |
</frame> |
48 |
<pointers> |
49 |
<pointer type="Marker" value="120" name="d"> |
50 |
<marker_pointer_style width="30" height="20" align="Inside" padding="-4" /> |
51 |
<label enabled="true" under_pointers="true"> |
52 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="55" /> |
53 |
<format><![CDATA[{%Value}{numDecimals:1}]]></format> |
54 |
<background enabled="true"> |
55 |
<border enabled="true" type="Solid" color="Black" opacity="0.1" /> |
56 |
<fill type="Gradient"> |
57 |
<gradient angle="90"> |
58 |
<key color="White" /> |
59 |
<key color="Rgb(230,230,230)" /> |
60 |
<key color="White" /> |
61 |
</gradient> |
62 |
</fill> |
63 |
<corners type="Rounded" all="3" /> |
64 |
<effects enabled="true"> |
65 |
<drop_shadow enabled="false" /> |
66 |
<inner_shadow enabled="true" distance="2" blur_x="2" blur_y="2" opacity="0.3" /> |
67 |
</effects> |
68 |
</background> |
69 |
</label> |
70 |
</pointer> |
71 |
</pointers> |
72 |
<labels> |
73 |
<label under_pointers="true"> |
74 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="42" /> |
75 |
<format><![CDATA[Wind Direction]]></format> |
76 |
<font family="Arial" size="11" color="Rgb(0,0,100)" bold="true" /> |
77 |
<background enabled="false" /> |
78 |
</label> |
79 |
</labels> |
80 |
</circular> |
81 |
<circular name="windSpeed" x="40" y="0" width="40" height="60"> |
82 |
<axis radius="36" start_angle="20" sweep_angle="320" size="10"> |
83 |
<scale minimum="0" maximum="140" major_interval="10" minor_interval="20" inverted="false" /> |
84 |
<labels show_first="true" align="Outside" padding="5"> |
85 |
<format><![CDATA[{%Value}{numDecimals:0}]]></format> |
86 |
<font family="Arial" size="11" bold="true" color="#494949" /> |
87 |
</labels> |
88 |
<scale_bar> |
89 |
<fill color="#E0E0E0" /> |
90 |
<border color="#D3D2CC" /> |
91 |
</scale_bar> |
92 |
<minor_tickmark enabled="false" /> |
93 |
<major_tickmark shape="Rectangle" align="Outside" padding="0" length="6" width="3"> |
94 |
<fill color="#494949" /> |
95 |
</major_tickmark> |
96 |
<color_ranges> |
97 |
<color_range start="0" end="25" align="Inside" padding="0" color="#90F18A"> |
98 |
<border color="DarkColor(%Color)" opacity="0.5" /> |
99 |
</color_range> |
100 |
<color_range start="80" end="140" align="Inside" padding="0" color="#F0060F"> |
101 |
<fill opacity="0.7" /> |
102 |
<border color="DarkColor(%Color)" opacity="0.5" /> |
103 |
</color_range> |
104 |
</color_ranges> |
105 |
</axis> |
106 |
<frame> |
107 |
<inner_stroke enabled="false" /> |
108 |
<outer_stroke enabled="true" thickness="4"> |
109 |
<fill type="Gradient"> |
110 |
<gradient> |
111 |
<key color="#FEFEFE" /> |
112 |
<key color="#CECECE" /> |
113 |
</gradient> |
114 |
</fill> |
115 |
<border enabled="true" color="Black" opacity="0.1" /> |
116 |
</outer_stroke> |
117 |
<background> |
118 |
<fill type="Solid" color="White" /> |
119 |
<border color="#D3D2CC" /> |
120 |
<effects enabled="true"> |
121 |
<inner_shadow enabled="true" distance="3" opacity="0.2" /> |
122 |
</effects> |
123 |
</background> |
124 |
<effects enabled="true"> |
125 |
<drop_shadow enabled="true" distance="3" opacity="0.3" /> |
126 |
</effects> |
127 |
</frame> |
128 |
<pointers> |
129 |
<pointer type="Needle" value="34" name="s"> |
130 |
<tooltip enabled="false" /> |
131 |
<label enabled="true" under_pointers="true"> |
132 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="65" /> |
133 |
<format><![CDATA[{%Value}{numDecimals:1}]]></format> |
134 |
<background enabled="true"> |
135 |
<border enabled="true" type="Solid" color="Black" opacity="0.1" /> |
136 |
<fill type="Gradient"> |
137 |
<gradient angle="90"> |
138 |
<key color="White" /> |
139 |
<key color="Rgb(230,230,230)" /> |
140 |
<key color="White" /> |
141 |
</gradient> |
142 |
</fill> |
143 |
<corners type="Rounded" all="3" /> |
144 |
<effects enabled="true"> |
145 |
<drop_shadow enabled="false" /> |
146 |
<inner_shadow enabled="true" distance="2" blur_x="2" blur_y="2" opacity="0.3" /> |
147 |
</effects> |
148 |
</background> |
149 |
</label> |
150 |
</pointer> |
151 |
</pointers> |
152 |
<labels> |
153 |
<label under_pointers="true"> |
154 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="35" /> |
155 |
<format><![CDATA[Wind Speed]]></format> |
156 |
<font family="Arial" size="11" color="Rgb(0,0,100)" bold="true" /> |
157 |
<background enabled="false" /> |
158 |
</label> |
159 |
</labels> |
160 |
</circular> |
161 |
<linear name="temperature" x="82.5" y="2.5" height="95" width="15"> |
162 |
<axis end_margin="10"> |
163 |
<scale minimum="-30" maximum="40" major_interval="10" /> |
164 |
<scale_bar enabled="true"> |
165 |
<fill enabled="true" type="Gradient"> |
166 |
<gradient angle="0"> |
167 |
<key color="Rgb(220,220,220)" /> |
168 |
<key color="Rgb(245,245,245)" /> |
169 |
<key color="Rgb(220,220,220)" /> |
170 |
</gradient> |
171 |
</fill> |
172 |
<border enabled="true" color="Rgb(190,190,190)" /> |
173 |
<effects enabled="true"> |
174 |
<drop_shadow enabled="true" color="Black" distance="1" blur_x="2" blur_y="2" opacity="0.3" /> |
175 |
</effects> |
176 |
</scale_bar> |
177 |
<scale_line enabled="false" /> |
178 |
<major_tickmark enabled="true" shape="Line" align="Inside" length="3"> |
179 |
<border enabled="true" color="#494949" /> |
180 |
</major_tickmark> |
181 |
<minor_tickmark enabled="true" shape="Line" align="Inside" length="1.5"> |
182 |
<border enabled="true" color="#494949" /> |
183 |
</minor_tickmark> |
184 |
<labels enabled="true" align="Inside" padding="5"> |
185 |
<format><![CDATA[{%Value}{numDecimals:0}°]]></format> |
186 |
<font family="Arial" size="11" bold="true" color="#494949" /> |
187 |
</labels> |
188 |
</axis> |
189 |
<extra_axes> |
190 |
<axis end_margin="10"> |
191 |
<scale minimum="-20" maximum="100" major_interval="20" /> |
192 |
<scale_bar enabled="false" /> |
193 |
<scale_line enabled="false" /> |
194 |
<major_tickmark enabled="true" shape="Line" align="Outside" length="3"> |
195 |
<border enabled="true" color="#494949" /> |
196 |
</major_tickmark> |
197 |
<minor_tickmark enabled="true" shape="Line" align="Outside" length="1.5"> |
198 |
<border enabled="true" color="#494949" /> |
199 |
</minor_tickmark> |
200 |
<labels enabled="true" align="Outside" padding="5"> |
201 |
<format><![CDATA[{%Value}{numDecimals:0}°]]></format> |
202 |
<font family="Arial" size="11" bold="true" color="#494949" /> |
203 |
</labels> |
204 |
</axis> |
205 |
</extra_axes> |
206 |
<frame enabled="true" type="Rectangular"> |
207 |
<corners type="Rounded" all="5" /> |
208 |
<outer_stroke enabled="true" thickness="3"> |
209 |
<fill type="Gradient"> |
210 |
<gradient> |
211 |
<key color="#FEFEFE" /> |
212 |
<key color="#CECECE" /> |
213 |
</gradient> |
214 |
</fill> |
215 |
<border enabled="true" color="Black" opacity="0.1" /> |
216 |
</outer_stroke> |
217 |
<inner_stroke enabled="false" /> |
218 |
<background> |
219 |
<fill type="Solid" color="White"> |
220 |
<gradient> |
221 |
<key position="0" color="#FFFFFF" /> |
222 |
<key position="0.3" color="#EEEEEE" /> |
223 |
<key position="1" color="#FEFEFE" /> |
224 |
</gradient> |
225 |
</fill> |
226 |
<border enabled="false" type="Gradient" thickness="6" /> |
227 |
<effects enabled="true"> |
228 |
<inner_shadow enabled="true" distance="3" opacity="0.2" /> |
229 |
</effects> |
230 |
</background> |
231 |
<effects enabled="true"> |
232 |
<drop_shadow enabled="true" distance="1" opacity="0.3" /> |
233 |
</effects> |
234 |
</frame> |
235 |
<pointers> |
236 |
<label enabled="false" /> |
237 |
<pointer type="Thermometer" value="9" color="#F0673B" name="t" /> |
238 |
</pointers> |
239 |
<labels> |
240 |
<label> |
241 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="25" y="95" /> |
242 |
<format><![CDATA[C°]]></format> |
243 |
<font family="Arial" size="12" bold="true" color="Rgb(0,0,99)" /> |
244 |
<background enabled="false" /> |
245 |
</label> |
246 |
<label> |
247 |
<position placement_mode="ByPoint" halign="Center" valign="Center" x="77" y="95" /> |
248 |
<format><![CDATA[F°]]></format> |
249 |
<font family="Arial" size="12" bold="true" color="Rgb(0,0,99)" /> |
250 |
<background enabled="false" /> |
251 |
</label> |
252 |
</labels> |
253 |
</linear> |
254 |
<linear name="rainFall" x="2.5" y="63" width="75" height="16" orientation="Horizontal"> |
255 |
<styles> |
256 |
<color_range_style name="transparent"> |
257 |
<fill opacity="0.6" /> |
258 |
<border enabled="true" color="#494949" opacity="0.5" /> |
259 |
</color_range_style> |
260 |
</styles> |
261 |
<axis size="5" position="58"> |
262 |
<scale minimum="0" maximum="10" major_interval="1" /> |
263 |
<scale_line enabled="false" /> |
264 |
<scale_bar enabled="true"> |
265 |
<effects> |
266 |
<drop_shadow distance="1" blur_x="2" blur_y="2" opacity="0.2" /> |
267 |
</effects> |
268 |
</scale_bar> |
269 |
<minor_tickmark enabled="false" /> |
270 |
<major_tickmark enabled="true" align="Center" shape="Line"> |
271 |
<border enabled="true" color="#494949" /> |
272 |
</major_tickmark> |
273 |
<labels enabled="true" align="Inside" padding="0"> |
274 |
<format><![CDATA[{%Value}{numDecimals:0}]]></format> |
275 |
<font family="Arial" size="10" bold="false" color="#494949" /> |
276 |
</labels> |
277 |
<color_ranges> |
278 |
<color_range start="0" end="2" color="Red" style="transparent" /> |
279 |
<color_range start="2" end="3" color="Gold" style="transparent" /> |
280 |
<color_range start="3" end="7" color="Green" style="transparent" /> |
281 |
<color_range start="7" end="8" color="Gold" style="transparent" /> |
282 |
<color_range start="8" end="10" color="Red" style="transparent" /> |
283 |
</color_ranges> |
284 |
</axis> |
285 |
<frame enabled="true" type="Rectangular"> |
286 |
<corners type="Rounded" all="5" /> |
287 |
<outer_stroke enabled="true" thickness="5"> |
288 |
<fill type="Gradient"> |
289 |
<gradient angle="45"> |
290 |
<key color="#FEFEFE" /> |
291 |
<key color="#CECECE" /> |
292 |
</gradient> |
293 |
</fill> |
294 |
<border enabled="true" color="Black" opacity="0.1" /> |
295 |
</outer_stroke> |
296 |
<inner_stroke enabled="false" /> |
297 |
<background> |
298 |
<fill type="Solid" color="White"> |
299 |
<gradient> |
300 |
<key position="0" color="#FFFFFF" /> |
301 |
<key position="0.3" color="#EEEEEE" /> |
302 |
<key position="1" color="#FEFEFE" /> |
303 |
</gradient> |
304 |
</fill> |
305 |
<border enabled="false" type="Gradient" thickness="6" /> |
306 |
<effects enabled="true"> |
307 |
<inner_shadow enabled="true" distance="3" opacity="0.2" /> |
308 |
</effects> |
309 |
</background> |
310 |
<effects enabled="true"> |
311 |
<drop_shadow enabled="true" distance="1" opacity="0.3" /> |
312 |
</effects> |
313 |
</frame> |
314 |
<labels> |
315 |
<label> |
316 |
<position placement_mode="ByRectangle" x="3.3" y="13" width="40" height="15" halign="Left" valign="Center" /> |
317 |
<format><![CDATA[Total Rainfall]]></format> |
318 |
<font family="Arial" size="11" bold="true" color="Rgb(0,0,100)" /> |
319 |
<background enabled="false" /> |
320 |
</label> |
321 |
<label> |
322 |
<position placement_mode="ByRectangle" x="56.5" y="70" width="40" height="15" halign="Right" valign="Center" /> |
323 |
<format><![CDATA[Flood Hazard]]></format> |
324 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
325 |
<background enabled="false" /> |
326 |
</label> |
327 |
<label> |
328 |
<position placement_mode="ByRectangle" x="5" y="70" width="40" height="15" halign="Left" valign="Center" /> |
329 |
<format><![CDATA[Drought Hazard]]></format> |
330 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
331 |
<background enabled="false" /> |
332 |
</label> |
333 |
</labels> |
334 |
<pointers> |
335 |
<pointer type="Marker" value="4.3" color="#F0673B" name="r"> |
336 |
<marker_pointer_style width="12" height="12" /> |
337 |
<label enabled="false" /> |
338 |
</pointer> |
339 |
</pointers> |
340 |
</linear> |
341 |
<linear name="barometer" x="2.5" y="81.5" width="75" height="16" orientation="Horizontal"> |
342 |
<axis size="5" position="58"> |
343 |
<scale minimum="950" maximum="1050" major_interval="10" /> |
344 |
<scale_line enabled="false" /> |
345 |
<scale_bar enabled="true"> |
346 |
<effects> |
347 |
<drop_shadow distance="1" blur_x="2" blur_y="2" opacity="0.2" /> |
348 |
</effects> |
349 |
</scale_bar> |
350 |
<minor_tickmark enabled="false" /> |
351 |
<major_tickmark enabled="true" align="Center" shape="Line" length="%AxisSize"> |
352 |
<border enabled="true" color="#494949" /> |
353 |
</major_tickmark> |
354 |
<labels enabled="true" align="Inside" padding="2"> |
355 |
<format><![CDATA[{%Value}{numDecimals:0}]]></format> |
356 |
<font family="Arial" size="10" bold="false" color="#494949" /> |
357 |
</labels> |
358 |
</axis> |
359 |
<frame enabled="true" type="Rectangular"> |
360 |
<corners type="Rounded" all="5" /> |
361 |
<outer_stroke enabled="true" thickness="3"> |
362 |
<fill type="Gradient"> |
363 |
<gradient angle="45"> |
364 |
<key color="#FEFEFE" /> |
365 |
<key color="#CECECE" /> |
366 |
</gradient> |
367 |
</fill> |
368 |
<border enabled="true" color="Black" opacity="0.1" /> |
369 |
</outer_stroke> |
370 |
<inner_stroke enabled="false" /> |
371 |
<background> |
372 |
<fill type="Solid" color="White"> |
373 |
<gradient> |
374 |
<key position="0" color="#FFFFFF" /> |
375 |
<key position="0.3" color="#EEEEEE" /> |
376 |
<key position="1" color="#FEFEFE" /> |
377 |
</gradient> |
378 |
</fill> |
379 |
<border enabled="false" type="Gradient" thickness="6" /> |
380 |
<effects enabled="true"> |
381 |
<inner_shadow enabled="true" distance="3" opacity="0.2" /> |
382 |
</effects> |
383 |
</background> |
384 |
<effects enabled="true"> |
385 |
<drop_shadow enabled="true" distance="1" opacity="0.3" /> |
386 |
</effects> |
387 |
</frame> |
388 |
<labels> |
389 |
<label> |
390 |
<position placement_mode="ByRectangle" x="3.3" y="13" width="40" height="15" halign="Left" valign="Center" /> |
391 |
<format><![CDATA[Air Presure]]></format> |
392 |
<font family="Arial" size="11" bold="true" color="Rgb(0,0,100)" /> |
393 |
<background enabled="false" /> |
394 |
</label> |
395 |
<label> |
396 |
<position placement_mode="ByRectangle" x="0" y="70" width="20" height="15" halign="Center" valign="Center" /> |
397 |
<format><![CDATA[Stormy]]></format> |
398 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
399 |
<background enabled="false" /> |
400 |
</label> |
401 |
<label> |
402 |
<position placement_mode="ByRectangle" x="20" y="70" width="20" height="15" halign="Center" valign="Center" /> |
403 |
<format><![CDATA[Rainy]]></format> |
404 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
405 |
<background enabled="false" /> |
406 |
</label> |
407 |
<label> |
408 |
<position placement_mode="ByRectangle" x="40" y="70" width="20" height="15" halign="Center" valign="Center" /> |
409 |
<format><![CDATA[Change]]></format> |
410 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
411 |
<background enabled="false" /> |
412 |
</label> |
413 |
<label> |
414 |
<position placement_mode="ByRectangle" x="60" y="70" width="20" height="15" halign="Center" valign="Center" /> |
415 |
<format><![CDATA[Fair]]></format> |
416 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
417 |
<background enabled="false" /> |
418 |
</label> |
419 |
<label> |
420 |
<position placement_mode="ByRectangle" x="80" y="70" width="20" height="15" halign="Center" valign="Center" /> |
421 |
<format><![CDATA[Deep Dry]]></format> |
422 |
<font family="Arial" size="11" bold="true" color="#696969" /> |
423 |
<background enabled="false" /> |
424 |
</label> |
425 |
</labels> |
426 |
<pointers> |
427 |
<pointer type="Bar" value="1012" color="DarkSeaGreen" name="p"> |
428 |
<label enabled="false" /> |
429 |
</pointer> |
430 |
</pointers> |
431 |
</linear> |
432 |
</gauge> |
433 |
</gauges> |
434 |
</anychart> |