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）参数说明：

<?xml version="1.0" encoding="UTF-8"?>
<settings>
<data_type></data_type>
<csv_separator></csv_separator>
<skip_rows></skip_rows>
<font></font>
<text_size></text_size>
<text_color></text_color>
<decimals_separator></decimals_separator>
<thousands_separator></thousands_separator>
<digits_after_decimal>2</digits_after_decimal>
<scientific_min></scientific_min>
<scientific_max></scientific_max>
<redraw></redraw>
<reload_data_interval></reload_data_interval>
<preloader_on_reload></preloader_on_reload>
<add_time_stamp></add_time_stamp>
<precision></precision>
<connect></connect>
<hide_bullets_count></hide_bullets_count>
<link_target></link_target>
<start_on_axis></start_on_axis>
<colors></colors>
<rescale_on_hide></rescale_on_hide>
<js_enabled></js_enabled>
<background>
<color></color>
<alpha></alpha>
<border_color></border_color>
<border_alpha></border_alpha>
<file></file>
</background>
<plot_area>
<color></color>
<alpha></alpha>
<border_color></border_color>
<border_alpha></border_alpha>
<margins>
<left></left>
<top></top>
<right></right>
<bottom></bottom>
</margins>
</plot_area>
<scroller>
<enabled></enabled>
<y></y>
<color></color>
<alpha></alpha>
<bg_color></bg_color>
<bg_alpha></bg_alpha>
<height></height>
</scroller>
<grid>
<x>
<enabled></enabled>
<color></color>
<alpha></alpha>
<dashed></dashed>
<dash_length></dash_length>
<approx_count></approx_count>
</x>
<y_left>
<enabled></enabled>
<color></color>
<alpha></alpha>
<dashed></dashed>
<dash_length></dash_length>
<approx_count></approx_count>
<fill_color></fill_color>
<fill_alpha></fill_alpha>
</y_left>
<y_right>
<enabled></enabled>
<color></color>
<alpha></alpha>
<dashed></dashed>
<dash_length></dash_length>
<approx_count></approx_count>
<fill_color></fill_color>
<fill_alpha></fill_alpha>
</y_right>
</grid>
<values>
<x>
<enabled></enabled>
<rotate></rotate>
<frequency></frequency>
<skip_first></skip_first>
<skip_last></skip_last>
<color></color>
<text_size></text_size>
<inside></inside>
</x>
<y_left>
<enabled></enabled>
<reverse></reverse>
<rotate></rotate>
<min></min>
<max></max>
<strict_min_max></strict_min_max>
<frequency></frequency>
<skip_first></skip_first>
<skip_last></skip_last>
<color></color>
<text_size></text_size>
<unit></unit>
<unit_position></unit_position>
<integers_only></integers_only>
<inside></inside>
<duration></duration>
</y_left>
<y_right>
<enabled></enabled>
<reverse></reverse>
<rotate></rotate>
<min></min>
<max></max>
<strict_min_max></strict_min_max>
<frequency></frequency>
<skip_first></skip_first>
<skip_last></skip_last>
<color></color>
<text_size></text_size>
<unit></unit>
<unit_position></unit_position>
<integers_only></integers_only>
<inside></inside>
<duration></duration>
</y_right>
</values>
<axes>
<x>
<color></color>
<alpha></alpha>
<width></width>
<tick_length></tick_length>
</x>
<y_left>
<type></type>
<color></color>
<alpha></alpha>
<width></width>
<tick_length></tick_length>
<logarithmic></logarithmic>
</y_left>
<y_right>
<type></type>
<color></color>
<alpha></alpha>
<width></width>
<tick_length></tick_length>
<logarithmic></logarithmic>
</y_right>
</axes>
<indicator>
<enabled></enabled>
<zoomable></zoomable>
<color></color>
<line_alpha></line_alpha>
<selection_color></selection_color>
<selection_alpha></selection_alpha>
<x_balloon_enabled></x_balloon_enabled>
<x_balloon_text_color></x_balloon_text_color>
</indicator>
<balloon>
<enabled></enabled>
<only_one></only_one>
<on_off></on_off>
<color></color>
<alpha></alpha>
<text_color></text_color>
<text_size></text_size>
<max_width></max_width>
<corner_radius></corner_radius>
<border_width></border_width>
<border_alpha></border_alpha>
<border_color></border_color>
</balloon>
<legend>
<enabled></enabled>
<x></x>
<y></y>
<width></width>
<max_columns></max_columns>
<color></color>
<alpha></alpha>
<border_color></border_color>
<border_alpha></border_alpha>
<text_color></text_color>
<text_color_hover></text_color_hover>
<text_size></text_size>
<spacing></spacing>
<margins></margins>
<graph_on_off></graph_on_off>
<reverse_order></reverse_order>
<align></align>
<key>
<size></size>
<border_color></border_color>
<key_mark_color></key_mark_color>
</key>
<values>
<enabled>true</enabled>
<width>44</width>
<align>left</align>
<text><![CDATA[: ${value}]]></text>
</values>
</legend>
<vertical_lines>
<width></width>
<alpha></alpha>
<clustered></clustered>
<mask></mask>
</vertical_lines>
<zoom_out_button>
<x></x>
<y></y>
<color></color>
<alpha></alpha>
<text_color></text_color>
<text_color_hover></text_color_hover>
<text_size></text_size>
<text></text>
</zoom_out_button>
<help>
<button>
<x></x>
<y></y>
<color></color>
<alpha></alpha>
<text_color></text_color>
<text_color_hover></text_color_hover>
<text_size></text_size>
<text></text>
</button>
<balloon>
<color></color>
<alpha></alpha>
<width></width>
<text_color></text_color>
<text_size></text_size>
<text><![CDATA[]]></text>
</balloon>
</help>
<export_as_image>
<file></file>
<target></target>
<x></x>
<y></y>
<color></color>
<alpha></alpha>
<text_color></text_color>
<text_size></text_size>
</export_as_image>
<error_messages>
<enabled></enabled>
<x></x>
<y></y>
<color></color>
<alpha></alpha>
<text_color></text_color>
<text_size></text_size>
</error_messages>
<strings>
<no_data></no_data>
<export_as_image></export_as_image>
<error_in_data_file></error_in_data_file>
<collecting_data></collecting_data>
<wrong_zoom_value></wrong_zoom_value>
<ss></ss>
<mm></mm>
<hh></hh>
<DD></DD>
</strings>
<context_menu>
<default_items>
<zoom></zoom>
<print></print>
</default_items>
</context_menu>
<labels>
<label lid="0">
<x></x>
<y>20</y>
<rotate></rotate>
<width>520</width>
<align>center</align>
<text_color></text_color>
<text_size></text_size>
<text>
<![CDATA[<b>标题</b>]]>
</text>
</label>
</labels>
<graphs>
<graph gid="1">
<axis>left</axis>
<title>Nominal</title>
<color>#FFCC00</color> <!-- [] 如果没有定义，使用下面数组中的颜色
#FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 -->
<color_hover></color_hover>
<line_alpha></line_alpha>
<line_width></line_width>
<fill_alpha></fill_alpha>
<fill_color></fill_color>
<balloon_color></balloon_color>
<balloon_alpha></balloon_alpha>
<balloon_text_color></balloon_text_color>
<bullet></bullet> <!-- [] (square, round, square_outlined, round_outlined,
square_outline, round_outline, square_outline, round_outline, filename.swf)
可以使用预定义的bullet，也可以加载自定义的bullet。为空表示不需要bullet。
Outlined bullets使用plot区域的color -->
<bullet_size></bullet_size>
<bullet_color></bullet_color>
<bullet_alpha></bullet_alpha>
<hidden></hidden>
<selected></selected>
<balloon_text>
<![CDATA[${value}]]>
</balloon_text>
<data_labels>
<![CDATA[]]>
</data_labels>
<data_labels_text_color></data_labels_text_color>
<data_labels_text_size></data_labels_text_size>
<data_labels_position></data_labels_position>
<vertical_lines></vertical_lines>
<visible_in_legend></visible_in_legend>
</graph>
<graph gid="2">
<axis>left</axis>
<title>Inflation adjusted</title>
<color>#999999</color>
<selected>false</selected>
<balloon_text>
<![CDATA[${value}]]>
</balloon_text>
</graph>
</graphs>
<guides>
<max_min></max_min>
<guide>
<axis></axis>
<start_value></start_value>
<end_value></end_value>
<title></title>
<width></width>
<color></color>
<alpha></alpha>
<fill_color></fill_color>
<fill_alpha></fill_alpha>
<inside></inside>
<centered></centered>
<rotate></rotate>
<text_size></text_size>
<text_color></text_color>
<dashed></dashed>
<dash_length></dash_length>
</guide>
</guides>
<!--<data>
</data> -->
</settings

posted @ 2013-12-19 17:26 gzm2012 阅读(428) 评论(0) 编辑收藏举报

刷新页面返回顶部

gzm2012

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

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

公告