01 <?xml version="1.0" encoding="UTF-8"?>
02 <anychart>
03   <margin all="5" />
04   <templates>
05     <template name="clocks">
06       <gauge>
07         <circular_template name="clock">
08           <styles>
09             <needle_pointer_style name="anychart_default" radius="98" base_radius="0" thickness="5" point_thickness="5" point_radius="3">
10               <fill type="Solid" color="#292929" />
11               <effects enabled="true">
12                 <drop_shadow enabled="true" distance="1" opacity="0.4" blur_x="2" blur_y="2" />
13               </effects>
14             </needle_pointer_style>
15             <needle_pointer_style name="secondsNeedle" thickness="2" point_thickness="2" base_radius="0" radius="100">
16               <fill type="Solid" color="Rgb(220,0,0)" />
17               <cap enabled="true" radius="10">
18                 <background enabled="true">
19                   <fill enabled="true" color="Rgb(170,170,170)" />
20                 </background>
21                 <effects enabled="true">
22                   <bevel enabled="true" distance="2" />
23                 </effects>
24               </cap>
25             </needle_pointer_style>
26             <needle_pointer_style name="hoursNeedle" base_radius="0" radius="60" />
27             <needle_pointer_style name="minutesNeedle" base_radius="0" radius="85">
28               <cap enabled="true" radius="10">
29                 <background enabled="true">
30                   <fill enabled="true" color="Rgb(170,170,170)" />
31                 </background>
32                 <effects enabled="true">
33                   <bevel enabled="true" distance="2" />
34                 </effects>
35               </cap>
36             </needle_pointer_style>
37           </styles>
38           <axis radius="50" start_angle="180" sweep_angle="360">
39             <scale minimum="0" maximum="12" major_interval="1" minor_interval="0.2" />
40             <labels show_first="false">
41               <font color="#0F3A55" size="13" bold="true" />
42             </labels>
43             <scale_bar enabled="false" />
44             <major_tickmark enabled="true" shape="Circle" width="5" length="5">
45               <fill color="White" />
46               <effects enabled="true">
47                 <inner_shadow enabled="true" distance="1" blur_x="2" blur_y="2" opacity="0.7" />
48               </effects>
49             </major_tickmark>
50             <minor_tickmark enabled="true" shape="Circle" width="3" length="3">
51               <fill color="White" />
52               <effects enabled="true">
53                 <inner_shadow enabled="true" distance="1" blur_x="2" blur_y="2" opacity="0.7" />
54               </effects>
55             </minor_tickmark>
56           </axis>
57           <extra_axes>
58             <axis name="minutes" radius="50" start_angle="180" sweep_angle="360">
59               <scale minimum="0" maximum="60" />
60               <major_tickmark enabled="false" />
61               <minor_tickmark enabled="false" />
62               <labels enabled="false" />
63               <scale_bar enabled="false" />
64             </axis>
65             <axis name="seconds" radius="50" start_angle="180" sweep_angle="360">
66               <scale minimum="0" maximum="60" />
67               <major_tickmark enabled="false" />
68               <minor_tickmark enabled="false" />
69               <labels enabled="false" />
70               <scale_bar enabled="false" />
71             </axis>
72           </extra_axes>
73           <frame>
74             <outer_stroke enabled="false" />
75             <inner_stroke enabled="true" thickness="10">
76               <border enabled="false" />
77               <fill enabled="true" type="Gradient">
78                 <gradient type="Radial">
79                   <key color="#1B1B1B" position="0.9" />
80                   <key color="#6F6F6F" position="0.94" />
81                   <key color="#000000" position="1" />
82                 </gradient>
83               </fill>
84             </inner_stroke>
85             <effects>
86               <drop_shadow enabled="true" distance="2" opacity="0.3" />
87             </effects>
88           </frame>
89           <pointers use_hand_cursor="false" allow_select="false" editable="false">
90             <tooltip enabled="false" />
91             <label enabled="false" />
92           </pointers>
93         </circular_template>
94       </gauge>
95     </template>
96   </templates>
97   <gauges>
98     <gauge circular_default_template="clock" template="clocks">
99       <chart_settings>
100         <title align="Near">
101           <text><![CDATA[World Clock Dashboard]]></text>
102         </title>
103         <chart_background>
104           <border color="Black" />
105           <corners type="Square" />
106         </chart_background>
107       </chart_settings>
108       <circular name="local" width="70" height="70" x="0" y="0">
109         <margin all="0" />
110         <pointers>
111           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
112           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
113           <pointer type="Needle" value="0" style="secondsNeedle" axis="seconds" name="seconds" />
114         </pointers>
115         <labels>
116           <label enabled="true" under_pointers="true">
117             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="30" spread="true" />
118             <font size="15" bold="True" />
119             <format><![CDATA[Local]]></format>
120             <background enabled="false" />
121           </label>
122         </labels>
123       </circular>
124       <circular name="new york" width="30" height="30" y="70">
125         <pointers>
126           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
127           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
128         </pointers>
129         <labels>
130           <label enabled="true" under_pointers="true">
131             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="30" spread="true" />
132             <font size="12" bold="True" />
133             <format><![CDATA[New York]]></format>
134             <background enabled="false" />
135           </label>
136         </labels>
137       </circular>
138       <circular name="los angeles" x="35" y="70" width="30" height="30">
139         <pointers>
140           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
141           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
142         </pointers>
143         <labels>
144           <label enabled="true" under_pointers="true">
145             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="50" spread="true" />
146             <background enabled="false" under_pointers="true" />
147             <font size="12" bold="True" />
148             <format><![CDATA[Los Angeles]]></format>
149           </label>
150         </labels>
151       </circular>
152       <circular name="london" x="70" y="70" width="30" height="30">
153         <pointers>
154           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
155           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
156         </pointers>
157         <labels>
158           <label enabled="true" under_pointers="true">
159             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="30" spread="true" />
160             <font size="12" bold="True" />
161             <format><![CDATA[London]]></format>
162             <background enabled="false" />
163           </label>
164         </labels>
165       </circular>
166       <circular name="dubai" x="70" y="35" width="30" height="30">
167         <pointers>
168           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
169           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
170         </pointers>
171         <labels>
172           <label enabled="true" under_pointers="true">
173             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="30" spread="true" />
174             <font size="12" bold="True" />
175             <format><![CDATA[Dubai]]></format>
176             <background enabled="false" />
177           </label>
178         </labels>
179       </circular>
180       <circular name="tokyo" x="70" y="0" width="30" height="30">
181         <pointers>
182           <pointer type="Needle" value="0" style="hoursNeedle" name="hours" />
183           <pointer type="Needle" value="0" style="minutesNeedle" axis="minutes" name="minutes" />
184         </pointers>
185         <labels>
186           <label enabled="true" under_pointers="true">
187             <position placement_mode="ByPoint" halign="Center" valign="Center" x="50" y="70" width="30" spread="true" />
188             <font size="12" bold="True" />
189             <format><![CDATA[Tokyo]]></format>
190             <background enabled="false" />
191           </label>
192         </labels>
193       </circular>
194     </gauge>
195   </gauges>
196 </anychart>