amchart配置使用说明， amline_settings.xml 参数说明详解

最新推荐文章于 2017-05-17 11:24:03 发布

weixin_30709635

最新推荐文章于 2017-05-17 11:24:03 发布

阅读量127

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gzmg/p/3482583.html

版权

amchart配置使用说明， amline_settings.xml 参数说明详解

http://blog.csdn.net/shb_derek1/article/details/8178607

amchart 的原理是通过一个主html文件（例如：index.html），包含一段JS代码，这段JS代码将调用相关的图形的SWF文件 (amcolumn.swf)，数据源我采用的是XML的方式（例如：amcolumn_data.xml），然后通过一个主设置文件（amcolumn_settings.xml）,从而产生图形显示的。

拿柱形图来说，就是通过index.html主页面将amcolumn_data.xml的数据通过amcolumn.swf来进行显示，而amcolumn_settings.xml是对所产生图形的配置进行设置的文件，包括颜色，宽度等。

<body> <div id="flashcontent">
<strong>You need to upgrade your Flash Player</strong>
</div> <script type="text/javascript" src="amstock/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("/amchart/amchart/amcolumn/amcolumn.swf", "amcolumn", "520", "380", "8", "#FFFFFF"); // 创建SWFObject对象
so.addVariable("path", "/amchart/amchart/amcolumn/"); so.addVariable("settings_file", encodeURIComponent("xxx.xml")); // 配置文件
so.addVariable("preloader_color", "#000000"); // 加载时显示的颜色
so.write("flashcontent"); // 在flashcontent位置写入flash插入的HTML
</script>
</body>

复制代码

配置文件（amline_settings.xml）参数说明：

1. <?xml version="1.0" encoding="UTF-8"?>
2. 
3. 
5. <settings>
6. <data_type></data_type> 
7. <csv_separator></csv_separator> 
8. <skip_rows></skip_rows> 
9. <font></font> 
10. <text_size></text_size> 
11. <text_color></text_color> 
12. <decimals_separator></decimals_separator> 
13. <thousands_separator></thousands_separator> 
14. <digits_after_decimal>2</digits_after_decimal> 
15. <scientific_min></scientific_min> 
16. <scientific_max></scientific_max> 
17. <redraw></redraw> 
18. 
19. <reload_data_interval></reload_data_interval> 
20. <preloader_on_reload></preloader_on_reload> 
21. <add_time_stamp></add_time_stamp> 
22. <precision></precision> 
23. <connect></connect> 
24. <hide_bullets_count></hide_bullets_count> 
25. <link_target></link_target> 
26. <start_on_axis></start_on_axis> 
27. <colors></colors> 
28. <rescale_on_hide></rescale_on_hide> 
29. <js_enabled></js_enabled> 
31. <background>
32. <color></color> 
33. <alpha></alpha> 
34. <border_color></border_color> 
35. <border_alpha></border_alpha> 
36. <file></file> 
37. </background>
39. <plot_area> 
40. <color></color> 
41. <alpha></alpha> 
42. <border_color></border_color> 
43. <border_alpha></border_alpha>
44. <margins>
45. <left></left> 
46. <top></top>
47. <right></right>
48. <bottom></bottom>
49. </margins>
50. </plot_area>
52. <scroller>
53. <enabled></enabled> 
54. <y></y> 
55. <color></color> 
56. <alpha></alpha> 
57. <bg_color></bg_color> 
58. <bg_alpha></bg_alpha> 
59. <height></height> 
60. </scroller>
62. <grid> 
63. <x> 
64. <enabled></enabled> 
65. <color></color> 
66. <alpha></alpha> 
67. <dashed></dashed> 
68. <dash_length></dash_length> 
69. <approx_count></approx_count> 
70. </x>
71. <y_left> 
72. <enabled></enabled> 
73. <color></color> 
74. <alpha></alpha>
75. <dashed></dashed> 
76. <dash_length></dash_length> 
77. <approx_count></approx_count> 
78. <fill_color></fill_color> 
79. <fill_alpha></fill_alpha> 
80. </y_left>
81. <y_right>
82. <enabled></enabled> 
83. <color></color> 
84. <alpha></alpha> 
85. <dashed></dashed> 
86. <dash_length></dash_length> 
87. <approx_count></approx_count> 
88. <fill_color></fill_color> 
89. <fill_alpha></fill_alpha> 
90. </y_right>
91. </grid>
93. <values> 
94. <x> 
95. <enabled></enabled> 
96. <rotate></rotate> 
97. <frequency></frequency> 
98. <skip_first></skip_first> 
99. <skip_last></skip_last> 
100. <color></color> 
101. <text_size></text_size> 
102. <inside></inside> 
103. </x>
104. <y_left> 
105. <enabled></enabled> 
106. <reverse></reverse> 
107. <rotate></rotate> 
108. <min></min> 
109. <max></max> 
110. <strict_min_max></strict_min_max> 
111. <frequency></frequency> 
112. <skip_first></skip_first> 
113. <skip_last></skip_last> 
114. <color></color> 
115. <text_size></text_size> 
116. <unit></unit> 
117. <unit_position></unit_position> 
118. <integers_only></integers_only> 
119. <inside></inside> 
120. <duration></duration> 
121. </y_left>
122. <y_right>
123. <enabled></enabled>
124. <reverse></reverse>
125. <rotate></rotate>
126. <min></min>
127. <max></max>
128. <strict_min_max></strict_min_max>
129. <frequency></frequency>
130. <skip_first></skip_first>
131. <skip_last></skip_last>
132. <color></color>
133. <text_size></text_size>
134. <unit></unit>
135. <unit_position></unit_position>
136. <integers_only></integers_only>
137. <inside></inside>
138. <duration></duration>
139. </y_right>
140. </values>
142. <axes> 
143. <x> 
144. <color></color> 
145. <alpha></alpha> 
146. <width></width> 
147. <tick_length></tick_length> 
148. </x>
149. <y_left> 
150. <type></type> 
151. <color></color> 
152. <alpha></alpha> 
153. <width></width> 
154. <tick_length></tick_length> 
155. <logarithmic></logarithmic> 
156. </y_left>
157. <y_right> 
158. <type></type> 
159. <color></color> 
160. <alpha></alpha> 
161. <width></width> 
162. <tick_length></tick_length> 
163. <logarithmic></logarithmic> 
164. </y_right>
165. </axes>
167. <indicator> 
168. <enabled></enabled> 
169. <zoomable></zoomable> 
170. <color></color> 
171. <line_alpha></line_alpha> 
172. <selection_color></selection_color> 
173. <selection_alpha></selection_alpha> 
174. <x_balloon_enabled></x_balloon_enabled> 
175. <x_balloon_text_color></x_balloon_text_color> 
176. </indicator>
178. <balloon>
179. <enabled></enabled> 
180. <only_one></only_one> 
181. <on_off></on_off> 
182. <color></color> 
183. <alpha></alpha> 
184. <text_color></text_color> 
185. <text_size></text_size> 
186. <max_width></max_width> 
187. <corner_radius></corner_radius> 
188. <border_width></border_width> 
189. <border_alpha></border_alpha> 
190. <border_color></border_color> 
191. </balloon>
193. <legend> 
194. <enabled></enabled> 
195. <x></x> 
196. <y></y> 
197. <width></width> 
198. <max_columns></max_columns> 
199. <color></color> 
200. <alpha></alpha> 
201. <border_color></border_color>
202. <border_alpha></border_alpha>
203. <text_color></text_color> 
204. <text_color_hover></text_color_hover> 
205. <text_size></text_size> 
206. <spacing></spacing> 
207. <margins></margins> 
208. <graph_on_off></graph_on_off> 
209. <reverse_order></reverse_order> 
210. <align></align> 
211. <key> 
212. <size></size> 
213. <border_color></border_color> 
214. <key_mark_color></key_mark_color> 
215. </key>
216. <values>
217. <enabled>true</enabled> 
218. <width>44</width> 
219. <align>left</align> 
220. <text><![CDATA[: ${value}]]></text> 
221. </values>
222. </legend>
224. <vertical_lines>
225. <width></width> 
226. <alpha></alpha> 
227. <clustered></clustered> 
228. <mask></mask> 
229. </vertical_lines>
231. <zoom_out_button>
232. <x></x> 
233. <y></y> 
234. <color></color> 
235. <alpha></alpha> 
236. <text_color></text_color> 
237. <text_color_hover></text_color_hover> 
238. <text_size></text_size> 
239. <text></text> 
240. </zoom_out_button>
242. <help> 
243. <button> 
244. <x></x> 
245. <y></y> 
246. <color></color> 
247. <alpha></alpha> 
248. <text_color></text_color> 
249. <text_color_hover></text_color_hover> 
250. <text_size></text_size> 
251. <text></text> 
252. </button>
253. <balloon> 
254. <color></color> 
255. <alpha></alpha> 
256. <width></width> 
257. <text_color></text_color> 
258. <text_size></text_size> 
259. <text><![CDATA[]]></text> 
260. </balloon>
261. </help>
263. <export_as_image> 
264. <file></file> 
265. <target></target> 
266. <x></x> 
267. <y></y> 
268. <color></color> 
269. <alpha></alpha> 
270. <text_color></text_color> 
271. <text_size></text_size> 
272. </export_as_image>
274. <error_messages> 
275. <enabled></enabled> 
276. <x></x> 
277. <y></y> 
278. <color></color> 
279. <alpha></alpha> 
280. <text_color></text_color> 
281. <text_size></text_size> 
282. </error_messages>
284. <strings>
285. <no_data></no_data> 
286. <export_as_image></export_as_image> 
287. <error_in_data_file></error_in_data_file> 
288. <collecting_data></collecting_data> 
289. <wrong_zoom_value></wrong_zoom_value> 
290. 
291. <ss></ss> 
292. <mm></mm> 
293. <hh></hh> 
294. <DD></DD> 
295. </strings>
297. <context_menu> 
298. 
299. 
300. 
302. 
303. <default_items>
304. <zoom></zoom> 
305. <print></print> 
306. </default_items>
307. </context_menu>
308. <labels>
309. 
310. <label lid="0">
311. <x></x> 
312. <y>20</y> 
313. <rotate></rotate> 
314. <width>520</width> 
315. <align>center</align> 
316. <text_color></text_color> 
317. <text_size></text_size> 
318. <text> 
319. <![CDATA[<b>标题</b>]]>
320. </text>
321. </label>
323. </labels>
324. <graphs> 
325. 
326. 
327. 
328. <graph gid="1"> 
330. <axis>left</axis> 
331. <title>Nominal</title> 
332. <color>#FFCC00</color> 
334. <color_hover></color_hover> 
335. <line_alpha></line_alpha> 
336. <line_width></line_width> 
337. <fill_alpha></fill_alpha> 
338. <fill_color></fill_color> 
339. <balloon_color></balloon_color> 
340. <balloon_alpha></balloon_alpha> 
341. <balloon_text_color></balloon_text_color> 
342. <bullet></bullet> 
346. <bullet_size></bullet_size> 
347. <bullet_color></bullet_color> 
348. <bullet_alpha></bullet_alpha> 
349. <hidden></hidden> 
350. <selected></selected> 
351. <balloon_text>
352. <![CDATA[${value}]]> 
353. </balloon_text>
354. <data_labels>
355. <![CDATA[]]> 
356. 
357. </data_labels>
358. <data_labels_text_color></data_labels_text_color> 
359. <data_labels_text_size></data_labels_text_size> 
360. <data_labels_position></data_labels_position> 
361. <vertical_lines></vertical_lines> 
362. <visible_in_legend></visible_in_legend> 
363. </graph>
365. <graph gid="2"> 
366. <axis>left</axis>
367. <title>Inflation adjusted</title>
368. <color>#999999</color>
369. <selected>false</selected>
370. <balloon_text>
371. <![CDATA[${value}]]>
372. </balloon_text>
373. </graph>
374. </graphs>
376. <guides> 
377. <max_min></max_min> 
378. <guide> 
379. <axis></axis> 
380. <start_value></start_value> 
381. <end_value></end_value> 
382. <title></title> 
383. <width></width>
384. <color></color>
385. <alpha></alpha>
386. <fill_color></fill_color> 
387. <fill_alpha></fill_alpha> 
388. <inside></inside> 
389. <centered></centered> 
390. <rotate></rotate> 
391. <text_size></text_size> 
392. <text_color></text_color> 
393. <dashed></dashed> 
394. <dash_length></dash_length> 
395. </guide>
396. </guides>
398. 
399. 
401. </settings