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> |