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[]]></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[]]></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>