01 |
<?xml version="1.0" encoding="UTF-8"?> |
02 |
< anychart > |
03 |
< settings > |
04 |
< animation enabled = "true" /> |
05 |
</ settings > |
06 |
< gauges > |
07 |
< gauge > |
08 |
< chart_settings > |
09 |
< title > |
10 |
< text > <![CDATA[ Combination of Circular, Thermometer and Indicator Gauges ]]> </ text > |
11 |
</ title > |
12 |
</ chart_settings > |
13 |
< circular name = "Main" > |
14 |
< styles > |
15 |
< color_range_style name = "anychart_default" align = "Center" start_size = "4" end_size = "4" > |
16 |
< fill type = "Solid" color = "%Color" opacity = "0.7" /> |
17 |
< border enabled = "true" color = "Black" opacity = "0.15" /> |
18 |
</ color_range_style > |
19 |
</ styles > |
20 |
< axis radius = "50" start_angle = "0" sweep_angle = "180" > |
21 |
< scale minimum = "0" maximum = "100" major_interval = "10" /> |
22 |
< scale_bar enabled = "false" /> |
23 |
< labels enabled = "true" align = "Inside" rotate_circular = "false" > |
24 |
< font family = "Arial" size = "11" bold = "true" /> |
25 |
< format > <![CDATA[ {%Value}{numDecimals:0} ]]> </ format > |
26 |
</ labels > |
27 |
< color_ranges > |
28 |
< color_range start = "0" end = "5" color = "Red" /> |
29 |
< color_range start = "5" end = "10" color = "Red" /> |
30 |
< color_range start = "10" end = "15" color = "Red" /> |
31 |
< color_range start = "15" end = "20" color = "Red" /> |
32 |
< color_range start = "20" end = "25" color = "Gold" /> |
33 |
< color_range start = "25" end = "30" color = "Gold" /> |
34 |
< color_range start = "30" end = "35" color = "Gold" /> |
35 |
< color_range start = "35" end = "40" color = "Green" /> |
36 |
< color_range start = "40" end = "45" color = "Green" /> |
37 |
< color_range start = "45" end = "50" color = "Green" /> |
38 |
< color_range start = "50" end = "55" color = "Green" /> |
39 |
< color_range start = "55" end = "60" color = "Green" /> |
40 |
< color_range start = "60" end = "65" color = "Green" /> |
41 |
< color_range start = "65" end = "70" color = "Green" /> |
42 |
< color_range start = "70" end = "75" color = "Green" /> |
43 |
< color_range start = "75" end = "80" color = "Green" /> |
44 |
< color_range start = "80" end = "85" color = "Green" /> |
45 |
< color_range start = "85" end = "90" color = "Green" /> |
46 |
< color_range start = "90" end = "95" color = "Green" /> |
47 |
< color_range start = "95" end = "100" color = "Green" /> |
48 |
</ color_ranges > |
49 |
</ axis > |
50 |
< pointers > |
51 |
< pointer type = "Needle" value = "45.3" color = "#F0673B" > |
52 |
< needle_pointer_style thickness = "6" > |
53 |
< border color = "Black" opacity = "0.5" /> |
54 |
< effects enabled = "True" > |
55 |
< drop_shadow enabled = "true" distance = "2" opacity = "0.3" blur_x = "2" blur_y = "2" /> |
56 |
</ effects > |
57 |
< cap radius = "12" > |
58 |
< effects enabled = "true" > |
59 |
< drop_shadow enabled = "true" distance = "2" opacity = "0.3" blur_x = "2" blur_y = "2" /> |
60 |
</ effects > |
61 |
</ cap > |
62 |
</ needle_pointer_style > |
63 |
< label enabled = "true" under_pointers = "true" > |
64 |
< position placement_mode = "ByPoint" x = "35" y = "65" valign = "Center" halign = "Center" /> |
65 |
< font family = "Arial" size = "11" bold = "true" color = "#292929" /> |
66 |
< format > <![CDATA[ {%Value}{numDecimals:1} PSI ]]> </ format > |
67 |
< background enabled = "true" > |
68 |
< fill type = "Solid" color = "White" opacity = "0.5" /> |
69 |
< border type = "Solid" color = "Gray" opacity = "0.6" /> |
70 |
< corners type = "Rounded" all = "4" /> |
71 |
< effects enabled = "false" /> |
72 |
< inside_margin left = "7" top = "2" right = "7" bottom = "2" /> |
73 |
</ background > |
74 |
</ label > |
75 |
< animation enabled = "true" start_time = "0" duration = "0.7" interpolation_type = "Cubic" /> |
76 |
</ pointer > |
77 |
</ pointers > |
78 |
< frame type = "Circular" /> |
79 |
< labels > |
80 |
< label text_align = "Center" under_pointers = "true" > |
81 |
< position placement_mode = "ByPoint" x = "35" y = "35" valign = "Center" halign = "Center" /> |
82 |
< font family = "Arial" size = "11" bold = "true" color = "#595959" /> |
83 |
< format > <![CDATA[ Pressure |
84 |
(PSI) ]]> </ format > |
85 |
< background enabled = "false" /> |
86 |
</ label > |
87 |
</ labels > |
88 |
</ circular > |
89 |
< linear parent = "Main" x = "55" y = "15" width = "30" height = "70" > |
90 |
< axis size = "8" > |
91 |
< scale_bar > |
92 |
< effects enabled = "false" /> |
93 |
</ scale_bar > |
94 |
</ axis > |
95 |
< pointers > |
96 |
< pointer type = "Thermometer" value = "23" color = "Rgb(240,40,40)" > |
97 |
< animation enabled = "true" start_time = "0" duration = "1" interpolation_type = "Cubic" /> |
98 |
</ pointer > |
99 |
</ pointers > |
100 |
< labels > |
101 |
< label rotation = "90" > |
102 |
< position placement_mode = "ByPoint" x = "65" y = "5" valign = "Bottom" /> |
103 |
< format > <![CDATA[ Temperature C° ]]> </ format > |
104 |
< font family = "Arial" size = "11" bold = "true" color = "#595959" /> |
105 |
< background enabled = "false" /> |
106 |
</ label > |
107 |
</ labels > |
108 |
</ linear > |
109 |
< label parent = "Main" > |
110 |
< position placement_mode = "ByPoint" x = "75" y = "55" valign = "Center" halign = "Right" /> |
111 |
< format > <![CDATA[ Device State: ]]> </ format > |
112 |
< font family = "Arial" size = "11" bold = "true" color = "#393939" /> |
113 |
</ label > |
114 |
< indicator parent = "Main" x = "78" y = "57" width = "4" height = "4" > |
115 |
< marker x = "50" y = "50" width = "100" height = "100" shape = "Circle" > |
116 |
< fill type = "Solid" color = "Green" opacity = "0.9" /> |
117 |
< border color = "DarkColor(Green)" /> |
118 |
< effects enabled = "true" > |
119 |
< bevel enabled = "true" distance = "2" shadow_opacity = "0.5" highlight_opacity = "0.5" /> |
120 |
</ effects > |
121 |
</ marker > |
122 |
</ indicator > |
123 |
< indicator parent = "Main" x = "82" y = "57" width = "4" height = "4" > |
124 |
< marker x = "50" y = "50" width = "100" height = "100" shape = "Circle" > |
125 |
< fill type = "Solid" color = "Gold" opacity = "0.4" /> |
126 |
< border color = "DarkColor(Gold)" opacity = "0.4" /> |
127 |
< effects enabled = "true" > |
128 |
< bevel enabled = "true" distance = "2" shadow_opacity = "0.5" highlight_opacity = "0.5" /> |
129 |
</ effects > |
130 |
</ marker > |
131 |
</ indicator > |
132 |
< indicator parent = "Main" x = "86" y = "57" width = "4" height = "4" > |
133 |
< marker x = "50" y = "50" width = "100" height = "100" shape = "Circle" > |
134 |
< fill type = "Solid" color = "Red" opacity = "0.4" /> |
135 |
< border color = "DarkColor(Red)" opacity = "0.4" /> |
136 |
< effects enabled = "true" > |
137 |
< bevel enabled = "true" distance = "2" shadow_opacity = "0.5" highlight_opacity = "0.5" /> |
138 |
</ effects > |
139 |
</ marker > |
140 |
</ indicator > |
141 |
</ gauge > |
142 |
</ gauges > |
143 |
</ anychart > |