1. <?xml version="1.0" encoding="UTF-8"?>
2. <!-- []内的值是默认值,意思是指如果你觉得这样设置还不错你可以删除该行,这样可以缩减文件。 -->
3. <!-- ()表示该参数可选择的值的范围或类型,左上角的坐标是(0,0),!20代表从右下角开始计算-->
4.
5.
6. <settings>
7. <data_type></data_type> <!-- [xml] (xml/csv) -->
8. <csv_separator></csv_separator> <!-- [;] (字符) csv文件的数据分隔符(只有在使用csv文件来存储数据才需要设置) -->
9. <skip_rows></skip_rows> <!-- [0] (数字)如果使用csv数据类型,在此处设置要跳过的行数 -->
10. <font></font> <!-- [Arial] 字体,使用计算机字体,如Arial, Times New Roman, Tahoma, Verdana... -->
11. <text_size></text_size> <!-- [11] (数字) 所有文字的大小,各部分文本大小单独设置 -->
12. <text_color></text_color> <!-- [#000000](十六进制颜色代码) 文字颜色,各部分文字颜色可单独设置-->
13. <decimals_separator></decimals_separator> <!-- [,] (字符) 小数分隔符。注意,只用来显示数据。数据的XML文件中必须使用小数点 -->
14. <thousands_separator></thousands_separator> <!-- [ ] (字符) 千位分隔符。"none"表示不分隔 -->
15. <digits_after_decimal>2</digits_after_decimal> <!-- [] (数字) 如果值的小数位少于预设的小数位,补零 -->
16. <scientific_min></scientific_min> <!-- [0.000001] 数字的绝对在小于等于该值,会用科学计数法表示 -->
17. <scientific_max></scientific_max> <!-- [1000000000000000] 数字的绝对在大于等于该值,会用科学计数法表示 -->
18. <redraw></redraw> <!-- [false] 如果图表的宽高以百分比形式设置,而且此处设置为true,图表会被重画,屏幕大小也会改变 -->
19. <!-- 如果你为它们设置了x,y值,图例,按钮的标签不会重定位 -->
20. <reload_data_interval></reload_data_interval> <!-- [0] (数字) 数据重载的频率(单位秒)。如果你使用该特性,建议关闭缩放功能-->
21. <preloader_on_reload></preloader_on_reload> <!-- [false] 数据或设置重载的时候是否显示预载 -->
22. <add_time_stamp></add_time_stamp> <!-- [false] 如果为真,每次加载数据的时候会增加一个唯一值。设置reload_data_interval>0的时候才有用 -->
23. <precision></precision> <!-- [2] (数字)对于计算值该显示小数点后多少位(百分数,只在堆积图中使用) -->
24. <connect></connect> <!-- [false] 如果y轴无数据,是否连线-->
25. <hide_bullets_count></hide_bullets_count> <!-- [] (数字) 如果屏幕上有多于hideBulletsCount个点,就隐藏Bullets,以免看起来很乱。置空或者为0的时候总是显示Bullets。该规则不会影响自定义的靠近y值的bullet。 -->
26. <link_target></link_target> <!-- [] (_blank, _top ...) -->
27. <start_on_axis></start_on_axis> <!-- [true] 设为false, 折线图会右移二分之一个间隔 -->
28. <colors></colors> <!-- [#FF0000,#0000FF,#00FF00,#FF9900,#CC00CC,#00CCCC,#33FF00,#990000,#000066,#555555] 折线的颜色,如果折线颜色没有设置,使用该数组内的颜色 -->
29. <rescale_on_hide></rescale_on_hide> <!-- [true] 当显示或隐藏折线时,图表会重新计算最小和最大值。如果你不需要重新计算,设置为false。-->
30. <js_enabled></js_enabled> <!-- [true] 如果你不使用flash - JavaScript交互,设置为false。这样可以节省CPU资源 -->
31.
32.
33. <background>
34. <color></color> <!-- [#FFFFFF] 以逗号分隔实现渐变 -->
35. <alpha></alpha> <!-- [0] (0 - 100) 如果使用自定义的swf或jpg做背景,此处设置为0 -->
36. <border_color></border_color> <!-- [#000000] -->
37. <border_alpha></border_alpha> <!-- [0] (0 - 100) -->
38. <file></file> <!-- [] (文件名) 背景swf或jpg文件。不要使用JPEG文件,在flash player 7中不可见,图表会在path路径中查找文件 -->
39. </background>
40.
41. <plot_area> <!-- PLOT 区域 (不太清楚是干嘛的) -->
42. <color></color> <!-- [#FFFFFF](十六进制颜色代码)以逗号分隔实现渐变-->
43. <alpha></alpha> <!-- [0] (0 - 100) 如果想要颜色与背景色不同,设置alpha大于0 -->
44. <border_color></border_color> <!-- [#000000] -->
45. <border_alpha></border_alpha>
46. <margins>
47. <left></left> <!-- [60](数字或百分比) -->
48. <top></top>
49. <right></right>
50. <bottom></bottom>
51. </margins>
52. </plot_area>
53.
54.
55. <scroller>
56. <enabled></enabled> <!-- [true] 图表缩放时是否显示滚动条 -->
57. <y></y> <!-- [] (数字) 滚动条的Y坐标。如果未设置,显示在plot区域上方 -->
58. <color></color> <!-- [#DADADA] 以逗号分隔实现渐变 -->
59. <alpha></alpha> <!-- [100] (数字) 滚动条alpha -->
60. <bg_color></bg_color> <!-- [#F0F0F0] 以逗号分隔实现渐变-->
61. <bg_alpha></bg_alpha> <!-- [100] (数字) 滚动条背景alpha -->
62. <height></height> <!-- [10] (数字) scroller height -->
63. </scroller>
64.
65. <grid> <!-- 网格 -->
66. <x> <!-- 垂直网格 -->
67. <enabled></enabled> <!-- [true] -->
68. <color></color> <!-- [#000000] -->
69. <alpha></alpha> <!-- [15] (0 - 100) -->
70. <dashed></dashed> <!-- [false](Boolean) -->
71. <dash_length></dash_length> <!-- [5] (数字) -->
72. <approx_count></approx_count> <!-- [4] (数字) 网格线近似值 -->
73. </x>
74. <y_left> <!-- 水平网格,左Y轴,必须有至少一个图指定到左Y轴时才可见 -->
75. <enabled></enabled> <!-- [true] -->
76. <color></color> <!-- [#000000] -->
77. <alpha></alpha>
78. <dashed></dashed> <!-- [false] -->
79. <dash_length></dash_length> <!-- [5] (数字) -->
80. <approx_count></approx_count> <!-- [10] (数字) 网格线近似值 -->
81. <fill_color></fill_color> <!-- [#FFFFFF] 网格线之间每隔一个区域会填充该颜色,需要设置fill_alpha > 0-->
82. <fill_alpha></fill_alpha> <!-- [0] (0 - 100) 填充不透明度 -->
83. </y_left>
84. <y_right>
85. <enabled></enabled> <!-- [true] -->
86. <color></color> <!-- [#000000] -->
87. <alpha></alpha> <!-- [15] (0 - 100) -->
88. <dashed></dashed> <!-- [false] -->
89. <dash_length></dash_length> <!-- [5] (数字) -->
90. <approx_count></approx_count> <!-- [10] (数字) 网格线近似值 -->
91. <fill_color></fill_color> <!-- [#FFFFFF] 网格线之间每隔一个区域会填充该颜色,需要设置fill_alpha > 0 -->
92. <fill_alpha></fill_alpha> <!-- [0] (0 - 100) 填充不透明度 -->
93. </y_right>
94. </grid>
95. 边框全局设置
96. <values> <!-- 值 -->
97. <x> <!-- x轴 -->
98. <enabled></enabled> <!-- [true] -->
99. <rotate></rotate> <!-- [0] (0 - 90) 旋转角度。如果你想要旋转1-89度,必须将font.swf放入fonts文件夹 -->
100. <frequency></frequency> <!-- [1] (数字) 显示值的频率, 1 - 每个网格线旁边, 2 - 每隔一个网格线旁边... -->
101. <skip_first></skip_first> <!-- [false] 是否跳过第一个值 -->
102. <skip_last></skip_last> <!-- [false] 是否跳过最后一个值-->
103. <color></color> <!-- [text_color] -->
104. <text_size></text_size> <!-- [text_size] (数字) -->
105. <inside></inside> <!-- [false] 设为true时, 轴线的值会显示在plot区域。该设置对于旋转值为0-89时不起作用 -->
106. </x>
107. <y_left> <!-- 左Y轴的值 -->
108. <enabled></enabled> <!-- [true] -->
109. <reverse></reverse> <!-- [false] 是否颠倒该轴的值。若为true,数值会从最大的数字开始-->
110. <rotate></rotate> <!-- [0] (0 - 90) 旋转角度. 设置同上 -->
111. <min></min> <!-- [] (数字) 该轴的最小值,为空时自动计算 -->
112. <max></max> <!-- [] (数字) 该轴的最大值,为空时自动计算 -->
113. <strict_min_max></strict_min_max> <!-- [false] 默认情况下,如果数据值大于定义的最大值(或小于最小值),最大值和最小值会改变。如果你不想这么做,设置该选项为true -->
114. <frequency></frequency> <!-- [1] (数字) 显示值的频率, 1 - 每个网格线旁边, 2 - 每隔一个网格线旁边.... -->
115. <skip_first></skip_first> <!-- [true] 是否跳过第一个值 -->
116. <skip_last></skip_last> <!-- [false] 是否跳过最后一个值 -->
117. <color></color> <!-- [text_color] -->
118. <text_size></text_size> <!-- [text_size] (数字) -->
119. <unit></unit> <!-- [] (文字) y轴的值会被加上单位-->
120. <unit_position></unit_position> <!-- [right] (left / right) 单位的位置 -->
121. <integers_only></integers_only> <!-- [false] 如果为true,小数点会被省略 -->
122. <inside></inside> <!-- [false] 如果为true,Y轴的数值会被显示在plot区域内。该设置在旋转值为1-89时不起作用 -->
123. <duration></duration> <!-- [] (ss/mm/hh/DD) 如果要显示格式化的时间间隔而不是数字,必须在数据文件中设置间隔的单位。若数据文件中的值代表秒,此处设置为 "ss" -->
124. </y_left>
125. <y_right>
126. <enabled></enabled>
127. <reverse></reverse>
128. <rotate></rotate>
129. <min></min>
130. <max></max>
131. <strict_min_max></strict_min_max>
132. <frequency></frequency>
133. <skip_first></skip_first>
134. <skip_last></skip_last>
135. <color></color>
136. <text_size></text_size>
137. <unit></unit>
138. <unit_position></unit_position>
139. <integers_only></integers_only>
140. <inside></inside>
141. <duration></duration>
142. </y_right>
143. </values>
144.
145. <axes> <!-- 轴 -->
146. <x> <!-- X 轴 -->
147. <color></color> <!-- [#000000] -->
148. <alpha></alpha> <!-- [100] (0 - 100) -->
149. <width></width> <!-- [2] (数字) 线的粗细, 0 表示发际线 -->
150. <tick_length></tick_length> <!-- [7] (数字) -->
151. </x>
152. <y_left> <!-- 左Y轴,必须指定至少一个图才可见 -->
153. <type></type> <!-- [line] (line, stacked, 100% stacked) -->
154. <color></color> <!-- [#000000] -->
155. <alpha></alpha> <!-- [100] (0 - 100) -->
156. <width></width> <!-- [2] (数字) 线的粗细, 0 表示发际线 -->
157. <tick_length></tick_length> <!-- [7] (数字) -->
158. <logarithmic></logarithmic> <!-- [false] 为true时,该轴将使用对数尺度,而不是线性-->
159. </y_left>
160. <y_right> <!-- 右Y轴,必须指定至少一个图才可见 -->
161. <type></type> <!-- [line] (line, stacked, 100% stacked) -->
162. <color></color> <!-- [#000000] -->
163. <alpha></alpha> <!-- [100] (0 - 100) -->
164. <width></width> <!-- [2] (数字) 线的粗细, 0 表示发际线 -->
165. <tick_length></tick_length> <!-- [7] (数字) -->
166. <logarithmic></logarithmic> <!-- [false] 为true时,该轴将使用对数尺度,而不是线性 -->
167. </y_right>
168. </axes>
169.
170. <indicator> <!-- 指针 -->
171. <enabled></enabled> <!-- [true] -->
172. <zoomable></zoomable> <!-- [true] -->
173. <color></color> <!-- [#BBBB00] 线和X轴气球的背景颜色 -->
174. <line_alpha></line_alpha> <!-- [100] (0 - 100) -->
175. <selection_color></selection_color> <!-- [#BBBB00] -->
176. <selection_alpha></selection_alpha> <!-- [25] (0 - 100) -->
177. <x_balloon_enabled></x_balloon_enabled> <!-- [true] -->
178. <x_balloon_text_color></x_balloon_text_color> <!-- [text_color] -->
179. </indicator>
180.
181. <balloon>
182. <enabled></enabled> <!-- [true] -->
183. <only_one></only_one> <!-- [false] 如果为true,每次只能显示一个气球-->
184. <on_off></on_off> <!-- [true] (true/false)点击图例或折线的时候,是否可以开关Y轴的气球-->
185. <color></color> <!-- [] balloon 背景颜色. 默认graph.balloon_color -->
186. <alpha></alpha> <!-- [] (0 - 100)气球的背景透明度,默认graph.balloon_alpha -->
187. <text_color></text_color> <!-- [] 默认graph.balloon_text_color -->
188. <text_size></text_size> <!-- [text_size] (数字) -->
189. <max_width></max_width> <!-- [] (数字) 默认plot区域宽度的一半 -->
190. <corner_radius></corner_radius> <!-- [0] (数字)气球的圆角。大于0时,气球的箭头消失 -->
191. <border_width></border_width> <!-- [0] (数字) -->
192. <border_alpha></border_alpha> <!-- [balloon.alpha] -->
193. <border_color></border_color> <!-- [balloon.color] -->
194. </balloon>
195.
196. <legend> <!-- 图例 -->
197. <enabled></enabled> <!-- [true] -->
198. <x></x> <!-- [] (数字/数字%/!数字) 默认为left margin -->
199. <y></y> <!-- [] (数字/数字% / !数字) 默认为X轴下方20px -->
200. <width></width> <!-- [] (数字/数字%) 默认为plot区域的宽度 -->
201. <max_columns></max_columns> <!-- [] (数字) 每行显示的图例个数 -->
202. <color></color> <!-- [#FFFFFF] 背景颜色,可渐变 -->
203. <alpha></alpha> <!-- [0](0 - 100)背景alpha -->
204. <border_color></border_color>
205. <border_alpha></border_alpha>
206. <text_color></text_color> <!-- [text_color] -->
207. <text_color_hover></text_color_hover> <!-- [#BBBB00] -->
208. <text_size></text_size> <!-- [text_size]-->
209. <spacing></spacing> <!-- [10] (数字) 图例间的垂直和水平间隙-->
210. <margins></margins> <!-- [0] 图例的边框和图例之间的距离,只有图例边框可见或图例背景色与图的背景色不同的时候才推荐使用-->
211. <graph_on_off></graph_on_off> <!-- [true]true会添加复选框-->
212. <reverse_order></reverse_order> <!-- [false]是否将图例逆序 -->
213. <align></align> <!-- [left] (left/center/right) -->
214. <key> <!-- 图例前的方块 -->
215. <size></size> <!-- [16] -->
216. <border_color></border_color> <!-- [] 为空表示无边框-->
217. <key_mark_color></key_mark_color> <!-- [#FFFFFF]复选框中的钩的颜色 -->
218. </key>
219. <values>
220. <enabled>true</enabled> <!-- [false]默认不显示值,设置为true时会在图例后显示对应的值。 -->
221. <width>44</width> <!-- [80] 用于显示值的文本区的宽度 -->
222. <align>left</align> <!-- [right] (right/left) -->
223. <text><![CDATA[: ${value}]]></text> <!-- [{value}] -->
224. </values>
225. </legend>
226.
227. <vertical_lines>
228. <width></width> <!-- [0] (0 - 100) -->
229. <alpha></alpha> <!-- [100] (0 - 100) -->
230. <clustered></clustered> <!-- [false] 如果想要多个直方图紧连着,设置此处为true -->
231. <mask></mask> <!-- [true] 由于曲线图都是默认从轴线开始的,而且直方图的宽度也是大于0的,那么第一部分和最后一部分直方图就会超出plot区域的边界。此处设置为true就会切掉plot区域外的部分。 -->
232. </vertical_lines>
233.
234. <zoom_out_button>
235. <x></x> <!-- [] (数字/数字%/!数字) x坐标,默认plot区域右侧 -->
236. <y></y> <!-- [] (数字/数字%/!数字) y坐标,默认plot区域顶部 -->
237. <color></color> <!-- [#BBBB00] 背景颜色 -->
238. <alpha></alpha> <!-- [0] (0 - 100) 背景alpha -->
239. <text_color></text_color> <!-- [text_color] 按钮文字和放大镜图片的颜色 -->
240. <text_color_hover></text_color_hover> <!-- [#BBBB00] 悬浮时的颜色 -->
241. <text_size></text_size> <!-- [text_size]按钮字体大小 -->
242. <text></text> <!-- [Show all]-->
243. </zoom_out_button>
244.
245. <help> <!-- 帮助按钮和气球-->
246. <button> <!-- 帮助按钮只有在定义了气球文本时才可见 -->
247. <x></x> <!-- [] (数字 / 数字% / !数字) 帮助按钮的x坐标,未定义,与图表区域右边对齐 -->
248. <y></y> <!-- [] (数字 / 数字% / !数字) 帮助按钮的Y坐标,未定义,与图表区域上方对齐-->
249. <color></color> <!-- [#000000] 背景颜色 -->
250. <alpha></alpha> <!-- [100] (0 - 100) 背景alpha -->
251. <text_color></text_color> <!-- [#FFFFFF] 按钮文本颜色 -->
252. <text_color_hover></text_color_hover> <!-- [#BBBB00](十六进制颜色代码) 悬浮按钮文本颜色 -->
253. <text_size></text_size> <!-- [] (数字) 按钮字体大小 -->
254. <text></text> <!-- [?] (text) -->
255. </button>
256. <balloon> <!-- help balloon -->
257. <color></color> <!-- [#000000] 背景颜色 -->
258. <alpha></alpha> <!-- [100] (0 - 100) 背景alpha -->
259. <width></width> <!-- [300] (数字) -->
260. <text_color></text_color> <!-- [#FFFFFF] 按钮文本颜色 -->
261. <text_size></text_size> <!-- [] (数字) 按钮字体大小 -->
262. <text><![CDATA[]]></text> <!-- [] (text) 可使用下列html标签<b>, <i>, <u>, <font>, <br/>。-->
263. </balloon>
264. </help>
265.
266. <export_as_image> <!-- web服务器上有效 -->
267. <file></file> <!-- [] (文件名)如果此处设置了文件名,上下文菜单会显示"Export as image"。-->
268. <target></target> <!-- [] (_blank, _top ...) 目标窗口 -->
269. <x></x> <!-- [0] (数字/数字%/!数字)X坐标 -->
270. <y></y> <!-- [] (数字/数字%/!数字) Y坐标"Collecting data" text。默认flash动画的底部 -->
271. <color></color> <!-- [#BBBB00] 背景颜色-->
272. <alpha></alpha> <!-- [0] (0 - 100) 背景alpha -->
273. <text_color></text_color> <!-- [text_color] -->
274. <text_size></text_size> <!-- [text_size] -->
275. </export_as_image>
276.
277. <error_messages> <!-- "error_messages" 设置适用于所有错误信息,但是,如果找不到setting文件,不会显示该信息 -->
278. <enabled></enabled> <!-- [true] -->
279. <x></x> <!-- [] (数字 / 数字% / !数字) 错误信息的X坐标 -->
280. <y></y> <!-- [] (数字 / 数字% / !数字) 错误信息的Y坐标-->
281. <color></color> <!-- [#BBBB00] 错误信息背景颜色,可渐变 -->
282. <alpha></alpha> <!-- [100] (0 - 100) 背景alpha -->
283. <text_color></text_color> <!-- [#FFFFFF]-->
284. <text_size></text_size> <!-- [text_size] (数字) -->
285. </error_messages>
286.
287. <strings>
288. <no_data></no_data> <!-- [No data for selected period]如数据时显示的信息 -->
289. <export_as_image></export_as_image> <!-- [Export as image] 邮件菜单文本 -->
290. <error_in_data_file></error_in_data_file> <!-- [Error in data file] 如果数据文件有误或为空时显示此信息。"There is no data"表示数据文件中应该有至少一个space。若找不到数据文件,显示文本为"error loading file" -->
291. <collecting_data></collecting_data> <!-- [Collecting data] 导出图片时显示该文本 -->
292. <wrong_zoom_value></wrong_zoom_value> <!-- [Incorrect values] 如果通过JS设置缩放,而且开始值或结束值在series中没有找到的话,就会显示该文本-->
293. <!-- 下面的字符串只有在轴的值为时段时才有意义 -->
294. <ss></ss> <!-- [] 秒的单位 -->
295. <mm></mm> <!-- [:] 分的单位 -->
296. <hh></hh> <!-- [:] 小时的单位 -->
297. <DD></DD> <!-- [d. ] 天的单位 -->
298. </strings>
299.
300. <context_menu> <!-- 上下文按钮用来控制右键菜单项。你可以自定义这些菜单-->
301. <!-- "function_name"指定调用的Javascript函数,可以传递参数。 -->
302. <!-- "title" 设置菜单项的文本。请不要使用这些:Show all, Zoom in, Zoom out, Print, Settings... -->
303. <!-- 可自定义多个按钮。将下面这行代码取消注释就可以激活菜单项 -->
304.
305. <!-- <menu function_name="printChart" title="打印图表"></menu> -->
306. <default_items>
307. <zoom></zoom> <!-- [false] 是否显示flash播放器的缩放菜单-->
308. <print></print> <!-- [true] 是否显示flash播放器的打印菜单-->
309. </default_items>
310. </context_menu>
311.
312.
313.
314.
315. <labels>
316. <!-- 可以添加任意多的label。也可以在数据文件中定义。 -->
317. <label lid="0">
318. <x></x> <!-- [0] (数字/百分比/!数字) -->
319. <y>20</y> <!-- [0] (数字/百分比/!数字) -->
320. <rotate></rotate> <!-- [false] -->
321. <width>520</width> <!-- [] (数字/百分比)如果为空,会自动换行-->
322. <align>center</align> <!-- [left] (left / center / right) -->
323. <text_color></text_color> <!-- [text_color] 标题文本颜色 -->
324. <text_size></text_size> <!-- [text_size]字体大小 -->
325. <text> <!-- [] 支持的html标签有<b>,<i>,<u>,<font>,<a href="">,<br/>-->
326. <![CDATA[<b>标题</b>]]>
327. </text>
328. </label>
329.
330. </labels>
331.
332.
333. <graphs> <!-- 这些设置也可以在数据文件中指定。 -->
334. <!-- 如果你不想降数据与其他参数弄混,建议您在此设置graph -->
335. <!-- 有多少折线,就复制多少<graph>...</graph>,然后分别编辑设置 -->
336. <!-- 如果这里和数据文件中都定义了,使用数据文件中定义的-->
337. <graph gid="1"> <!-- 如果使用XML数据类型,graph的"gid"必须与数据文件中的graph "gid" 匹配 -->
338.
339. <axis>left</axis> <!-- [left](left/right)指定使用Y轴 -->
340. <title>Nominal</title> <!-- [] (graph标题) -->
341. <color>#FFCC00</color> <!-- [] 如果没有定义,使用下面数组中的颜色
342.#FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 -->
343. <color_hover></color_hover> <!-- [#BBBB00] -->
344. <line_alpha></line_alpha> <!-- [100] -->
345. <line_width></line_width> <!-- [0] -->
346. <fill_alpha></fill_alpha> <!-- [0] (0 - 100)如果是面积图,要大于0 -->
347. <fill_color></fill_color> <!-- [grpah.color] ,可渐变 -->
348. <balloon_color></balloon_color> <!-- [graph color] -->
349. <balloon_alpha></balloon_alpha> <!-- [100] (0 - 100) -->
350. <balloon_text_color></balloon_text_color> <!-- [#FFFFFF] -->
351. <bullet></bullet> <!-- [] (square, round, square_outlined, round_outlined,
352.square_outline, round_outline, square_outline, round_outline, filename.swf)
353.可以使用预定义的bullet,也可以加载自定义的bullet。为空表示不需要bullet。
354.Outlined bullets使用plot区域的color -->
355. <bullet_size></bullet_size> <!-- [8](数字) 只对预定义的bullet起作用 -->
356. <bullet_color></bullet_color> <!-- [graph color] 只对预定义的(square and round)bullet起作用 -->
357. <bullet_alpha></bullet_alpha> <!-- [graph alpha] 默认与graph的alpha相同 -->
358. <hidden></hidden> <!-- [false] 除非选中图例对应的复选框,否则不可见 -->
359. <selected></selected> <!-- [true] 如果为true,气球的说明值会在plot区域显示 -->
360. <balloon_text>
361. <![CDATA[${value}]]> <!-- [<b>{value}</b><br>{description}] ({title} {value} {series} {description} {percents}) 可以自定义气球文本: 也可以添加自定义文本或html代码-->
362. </balloon_text>
363. <data_labels>
364. <![CDATA[]]> <!-- [] ({title} {value} {series} {description} {percents}) 数据标签会在plot区域的点的附近展示 -->
365. <!-- 如果plot区域的数据点多于hide_bullets_count个,数据标签将不可见 -->
366. </data_labels>
367. <data_labels_text_color></data_labels_text_color> <!-- [text_color] -->
368. <data_labels_text_size></data_labels_text_size> <!-- [text_size] (数字) -->
369. <data_labels_position></data_labels_position> <!-- [above] (below/above) -->
370. <vertical_lines></vertical_lines> <!-- [false] 是否描绘柱状图。如果想只显示柱状图,将line_alpha设置为0 -->
371. <visible_in_legend></visible_in_legend> <!-- [true] 是否为该图显示图例项 -->
372. </graph>
373.
374. <graph gid="2"> <!-- 不知道这里是做什么用的 -->
375. <axis>left</axis>
376. <title>Inflation adjusted</title>
377. <color>#999999</color>
378. <selected>false</selected>
379. <balloon_text>
380. <![CDATA[${value}]]>
381. </balloon_text>
382. </graph>
383. </graphs>
384.
385.<guides> <!--引线是一条穿过plot区域的直线。也可填充颜色 -->
386.<max_min></max_min> <!-- [false] 计算最大最小值时是否考虑引线的值 -->
387.<guide> <!-- 可以多条引线.引线也可以在数据xml文件里设置,使用与这里相同的语法 -->
388. <axis></axis> <!-- [left] (left / right) Y轴的引线。必须有至少一个graph引线才能显示 -->
389. <start_value></start_value> <!-- 下引线位置 -->
390. <end_value></end_value> <!-- 上引线位置。如果上下引线都设置,且fill_alpha > 0,那么上下引线之间的区域会被填充颜色 -->
391. <title></title> <!-- []引线旁边显示的文字 -->
392. <width></width>
393. <color></color>
394. <alpha></alpha>
395. <fill_color></fill_color> <!-- [guide.color] 填充色,可渐变 -->
396. <fill_alpha></fill_alpha> <!-- [0]填充色透明度-->
397. <inside></inside> <!-- [values.y_{axis}.inside] 是否将title置于plot区域内 -->
398. <centered></centered> <!-- [true] 如果定义了开始和结束值,title可以置于二者之间。设置为false,则置于start_value附近 -->
399. <rotate></rotate> <!-- [values.y_{axis}.rotate](0 - 90) title的旋转角度 -->
400. <text_size></text_size> <!-- [values.y_{axis}.text_size] (数字) -->
401. <text_color></text_color> <!-- [values.y_{axis}.color](十六进制颜色代码) -->
402. <dashed></dashed> <!-- [false] 是否显示虚线 -->
403. <dash_length></dash_length> <!-- [5]每个虚线段的长度 -->
404.</guide>
405.</guides>
406.
407.<!-- 数据也可以在配置文件中设置。只需将csv或xml格式的数据置于<data></data>之间 -->
408.<!--<data>
409.</data> -->
410.</settings>
amCharts完全免费,使用很简单,完全不需要懂任何的编程语言,我们只需要画葫芦照搬三个步骤即可:
1、根据它提供的xml样板文件,编辑数据,这是Flash charts图的数据源,格式非常的简单。
2、调用amCharts提供的SWFObject.js文件,如:
<script type="text/javascript" src="/amline_1.6.3.0/amline/SWFObject.js"></script>
3、在网页里调用Flash控件,如:
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("/lib/ampie/ampie.swf?cache=0", "ampie", "640", "420", "8", "#FFFFFF");
so.addVariable("path", "/lib/files/")
so.addVariable("settings_file", escape("/lib/ampie/settings/2d-pie-chart.xml"));
so.addVariable('data_file', escape('/lib/ampie/data/2d-pie-chart.txt'));
so.addVariable("preloader_color", "#999999");
so.addParam("wmode", "opaque");
so.write("flashcontent");
// ]]>
</script>
控件里的数据根据需要而改变
<script type="text/javascript">
var params =
{
bgcolor:"#FFFFFF"
};
var params={
wmode:"opaque"
};//这个是增加属性,让FLASH不会浮在其他元素的上面
var flashVars =
{
path: "{{ url_for('frontend.static',filename='snmp_charts/amline') }}",
settings_file: encodeURIComponent("{{ url_for('frontend.static',filename='snmp_charts/chart_settings/' + snmp_line + '.xml') }}"),
chart_data: "{{ snmp_data }}"
};
{
swfobject.embedSWF("{{ url_for('frontend.static',filename='snmp_charts/amline/amline.swf') }}", "{{ html_id }}", "{{width}}", "{{height}}", "8.0.0", "{{ url_for('frontend.static',filename='snmp_charts/expressInstall.swf') }}", flashVars, params);
}
</script>
调整大小。必需长宽一起调,不然不能生效
<graph gid="1">
<title>登陆数</title>
<fill_alpha>60</fill_alpha> 背景色,0只剩下一条线
<balloon_text_color>#000000</balloon_text_color>
<color>#FFCC00</color>
<balloon_text>
<![CDATA[{value} ]]>
</balloon_text>
<line_width>2</line_width> 线条大小
<bullet>round</bullet> 线条圆点形状
<bullet_size>1</bullet_size> 线条圆点大小
</graph>
frequency时间间隔'
<values><y_left><reverse>true</reverse></y_left></values> 反转,最小的值在上面,最在的值在下面
相关推荐
amcharts折线图配置中文解析,实用中文注释。
Amcharts柱状图配置中文解析 Amcharts是一款功能强大且流行的数据可视化工具,广泛应用于Web开发、数据分析和商业智能等领域。Amcharts柱状图配置是其核心组件之一,提供了丰富的自定义选项,满足不同用户的需求。...
amcharts中柱状图配置中文解析
在压缩包中的"docs.amcharts.com"文件夹,你应该能找到这些文档的HTML版本,只需双击index文件,就可以在本地浏览器中浏览整个文档。这样,即使在没有网络连接的情况下,你也可以随时查阅AmCharts的相关资料,进行...
-- 设置系统中的字体[Arial] (font name) use device fonts, such as Arial, Times New Roman, Tahoma, Verdana... --> <text_size></text_size> <!-- 设置所有文本的大小,默认为11,具体的文本的字体大小也...
在本文中,我们将深入探讨如何使用amCharts库在C# WPF环境中创建股票K线图。amCharts是一款功能强大的JavaScript图表库,同时也提供了.NET版本,方便开发者在C#项目中集成图表功能。以下是对这个主题的详细阐述: ...
在本文中,我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用amCharts库来创建一个股票K线图的示例。WPF是.NET Framework的一部分,用于构建具有丰富图形界面的桌面应用程序。amCharts则是一个功能...
AmCharts 是一个强大的JavaScript图表库,它提供了丰富的可视化工具,用于创建交互式的图表和地图。...通过深入研究这些材料,开发者可以熟练地在自己的网页应用中集成AmCharts,创建出吸引眼球且信息丰富的图表展示。
在本篇文章中,我们将深入探讨amCharts如何实现3D柱状图,并通过实际案例来理解其工作原理。 **一、amCharts简介** amCharts是一款基于SVG技术的图表库,支持多种浏览器和设备,包括桌面、移动设备甚至电视。它以...
在AmCharts中,折线图可以通过配置不同的数据源、颜色、线条样式、标记、轴参数等进行高度自定义。例如,你可以设置数据列来定义每个系列的数据点,通过配置x轴和y轴的最小值、最大值来调整范围,还可以添加图例、...
1. **引用库文件**:从提供的压缩包中,我们看到包含"am.Charts.dll"和"am.Charts.pdb"文件,这些都是amCharts的库文件,需要在ASP.NET项目中引入这些文件,以便在C#代码中使用amCharts的相关类。 2. **创建图表**...
在版本3.20.20中,它提供了广泛的支持,帮助开发者快速构建具有视觉吸引力的数据展示应用。 **核心特性** 1. **多样的图表类型**:amCharts 支持多种图表样式,包括但不限于柱状图(Column)、条形图(Bar)、线形...
在ASP.NET开发环境中,amCharts可以轻松地集成到项目中,帮助开发者创建出交互式、动态且美观的数据图表,以直观地展示复杂数据。 一、amCharts概述 amCharts由一系列可自定义的图表类型组成,包括折线图、柱状图、...
- **index.html**:这是示例网页的入口文件,通常包含`amcharts` 示例代码,展示了如何在实际项目中集成和使用`amcharts`。 - **changeLog.txt**:记录`amcharts` 3.17.3版本的更新历史和改进,对于了解新特性及修复...
在提供的压缩包文件`amcharts_key.txt`中,可能包含了注册时获得的免费key,你需要将这个key复制到你的项目代码中,以激活amCharts的使用权限。在实际应用中,务必妥善保管key,不要将其公开,以免被他人滥用。 ...
amCharts 是一款报表图形统计插件,可以生成动态展现的图形,支持用户交互,例如,鼠标放在图的上面,可以显示详细的统计信息。amCharts 提供了多种类型的图表,包括条形图、柱状图、曲线图、饼图、步线、平滑线、K ...
Flex是一种用于构建富互联网应用程序(RIA)的开发框架,而amCharts 3D版本则提供了在Flex环境中创建动态、交互式的3D图表的能力。描述中提到,这个帮助文档包含了amCharts的各种图表类型的实例,如饼状图、线状图和...
在您提供的压缩包“amcharts_3.19.2.freeDEMO、源码”中,包含了一些关键文件和目录,这些对于理解和使用AmCharts 3.19.2版本的免费DEMO及其源码至关重要。 1. **index.html**:这是DEMO的主入口文件,它展示了...
在本篇文章中,我们将深入探讨如何在ASP.NET中使用AmCharts创建柱状图。 首先,我们需要了解AmCharts的基本概念。AmCharts是一个基于SVG(可缩放矢量图形)和VML(Vector Markup Language)技术的图表库,支持多种...
AmCharts 是一款强大的数据可视化工具,尤其在Flash版本中,它提供了丰富的前端动画效果,使得数据展示更加生动和吸引人。这款工具广泛应用于网站和应用的图表制作,为开发者提供了高效且灵活的方式来创建动态和交互...