01 |
<?xml version="1.0" encoding="UTF-8"?> |
02 |
<anychart> |
03 |
<charts> |
04 |
<chart> |
05 |
<chart_settings> |
06 |
<title> |
07 |
<text><![CDATA[Spline-Area Chart: Using interactive Labels and Markers]]></text> |
08 |
</title> |
09 |
<axes> |
10 |
<x_axis> |
11 |
<title> |
12 |
<text><![CDATA[Month]]></text> |
13 |
</title> |
14 |
<labels padding="-3" /> |
15 |
</x_axis> |
16 |
<y_axis> |
17 |
<title> |
18 |
<text><![CDATA[Value]]></text> |
19 |
</title> |
20 |
<labels> |
21 |
<format><![CDATA[{%Value}{numDecimals:0}]]></format> |
22 |
</labels> |
23 |
<minor_grid enabled="false" /> |
24 |
</y_axis> |
25 |
</axes> |
26 |
</chart_settings> |
27 |
<data_plot_settings default_series_type="SplineArea"> |
28 |
<area_series> |
29 |
<area_style> |
30 |
<fill opacity="0.8" /> |
31 |
<hatch_fill enabled="false" /> |
32 |
</area_style> |
33 |
<marker_settings enabled="true"> |
34 |
<marker type="VLine" v_align="Top" padding="0" /> |
35 |
<effects enabled="true"> |
36 |
<bevel enabled="true" distance="2" /> |
37 |
</effects> |
38 |
<states> |
39 |
<hover> |
40 |
<marker size="13" /> |
41 |
</hover> |
42 |
<selected_normal> |
43 |
<marker size="13" /> |
44 |
</selected_normal> |
45 |
<selected_hover> |
46 |
<marker size="13" /> |
47 |
</selected_hover> |
48 |
<pushed> |
49 |
<marker size="13" /> |
50 |
</pushed> |
51 |
</states> |
52 |
</marker_settings> |
53 |
<extra_markers> |
54 |
<marker enabled="true" color="gold"> |
55 |
<marker type="Circle" /> |
56 |
<effects enabled="true"> |
57 |
<bevel enabled="true" distance="2" highlight_opacity="0.3" shadow_opacity="0.3" /> |
58 |
</effects> |
59 |
</marker> |
60 |
</extra_markers> |
61 |
<label_settings enabled="true"> |
62 |
<position anchor="XAxis" padding="3" /> |
63 |
<format><![CDATA[{%Pct}{numDecimals:0}%]]></format> |
64 |
<states> |
65 |
<hover> |
66 |
<font color="DarkRed" /> |
67 |
</hover> |
68 |
<selected_normal> |
69 |
<font color="Green" /> |
70 |
</selected_normal> |
71 |
<selected_hover> |
72 |
<font color="Green" /> |
73 |
</selected_hover> |
74 |
</states> |
75 |
</label_settings> |
76 |
<extra_labels> |
77 |
<label enabled="true"> |
78 |
<position anchor="Center" /> |
79 |
<format><![CDATA[{%Value}{numDecimals:1}]]></format> |
80 |
<background enabled="true"> |
81 |
<corners type="Rounded" all="3" /> |
82 |
</background> |
83 |
<states> |
84 |
<hover> |
85 |
<format><![CDATA[{%Name} - {%Value}{numDecimals:1}]]></format> |
86 |
<position padding="12" /> |
87 |
<background> |
88 |
<border color="Red" type="Solid" opacity="0.6" thickness="2" /> |
89 |
</background> |
90 |
</hover> |
91 |
<selected_normal> |
92 |
<format><![CDATA[{%Name} - {%Value}{numDecimals:1}]]></format> |
93 |
<position padding="12" /> |
94 |
<background> |
95 |
<border color="DarkSeaGreen" type="Solid" opacity="1" thickness="2" /> |
96 |
</background> |
97 |
</selected_normal> |
98 |
<selected_hover> |
99 |
<format><![CDATA[{%Name} - {%Value}{numDecimals:1}]]></format> |
100 |
<position padding="12" /> |
101 |
<background> |
102 |
<border color="Red" type="Solid" opacity="0.6" thickness="2" /> |
103 |
</background> |
104 |
</selected_hover> |
105 |
<pushed> |
106 |
<format><![CDATA[{%Name} - {%Value}{numDecimals:1}]]></format> |
107 |
<position padding="12" /> |
108 |
<background> |
109 |
<border color="Black" type="Solid" opacity="0.6" thickness="2" /> |
110 |
</background> |
111 |
</pushed> |
112 |
</states> |
113 |
</label> |
114 |
</extra_labels> |
115 |
</area_series> |
116 |
</data_plot_settings> |
117 |
<data> |
118 |
<series> |
119 |
<point name="Jan" y="10.3"> |
120 |
<attributes> |
121 |
<attribute name="Pct"><![CDATA[23]]></attribute> |
122 |
</attributes> |
123 |
</point> |
124 |
<point name="Feb" y="19.1"> |
125 |
<attributes> |
126 |
<attribute name="Pct"><![CDATA[67]]></attribute> |
127 |
</attributes> |
128 |
</point> |
129 |
<point name="Mar" y="8.9"> |
130 |
<attributes> |
131 |
<attribute name="Pct"><![CDATA[34]]></attribute> |
132 |
</attributes> |
133 |
</point> |
134 |
<point name="Apr" y="11.0"> |
135 |
<attributes> |
136 |
<attribute name="Pct"><![CDATA[56]]></attribute> |
137 |
</attributes> |
138 |
</point> |
139 |
<point name="May" y="13.3"> |
140 |
<attributes> |
141 |
<attribute name="Pct"><![CDATA[59]]></attribute> |
142 |
</attributes> |
143 |
</point> |
144 |
<point name="Jun" y="7.1"> |
145 |
<attributes> |
146 |
<attribute name="Pct"><![CDATA[28]]></attribute> |
147 |
</attributes> |
148 |
</point> |
149 |
<point name="Jul" y="19.6"> |
150 |
<attributes> |
151 |
<attribute name="Pct"><![CDATA[87]]></attribute> |
152 |
</attributes> |
153 |
</point> |
154 |
<point name="Aug" y="14.2"> |
155 |
<attributes> |
156 |
<attribute name="Pct"><![CDATA[71]]></attribute> |
157 |
</attributes> |
158 |
</point> |
159 |
<point name="Sep" y="18.7"> |
160 |
<attributes> |
161 |
<attribute name="Pct"><![CDATA[12]]></attribute> |
162 |
</attributes> |
163 |
</point> |
164 |
<point name="Oct" y="9.8"> |
165 |
<attributes> |
166 |
<attribute name="Pct"><![CDATA[9]]></attribute> |
167 |
</attributes> |
168 |
</point> |
169 |
<point name="Nov" y="12.9"> |
170 |
<attributes> |
171 |
<attribute name="Pct"><![CDATA[24]]></attribute> |
172 |
</attributes> |
173 |
</point> |
174 |
<point name="Dec" y="17.1"> |
175 |
<attributes> |
176 |
<attribute name="Pct"><![CDATA[62]]></attribute> |
177 |
</attributes> |
178 |
</point> |
179 |
</series> |
180 |
</data> |
181 |
</chart> |
182 |
</charts> |
183 |
</anychart> |