您的位置：首页 > 其它

amline_settings.xml 参数说明详解

2013-04-28 16:22 731 查看

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

本帖最后由碧海蓝天于 2012-7-24 13:32 编辑

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><!]></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><!]></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> 

<!]>

</text>

</label>

</labels>

<graphs> 







<graph gid="1"> 

<axis>left</axis> 

<title>Nominal</title> 

<color>#FFCC00</color> 

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

<bullet_size></bullet_size> 

<bullet_color></bullet_color> 

<bullet_alpha></bullet_alpha> 

<hidden></hidden> 

<selected></selected> 

<balloon_text>

<!]> 

</balloon_text>

<data_labels>

<!]> 



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

<!]>

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





</settings>

碧海蓝天 发表于 2012-7-24 13:36:26

<graph> 所具有的属性

flash背景参数：

* bgColor=”HexColorCode” : 设置flash的背景颜色

* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度

* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景

图表背景参数：

* canvasBgColor=”HexColorCode” : 设置图表背景的颜色

* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色

* canvasBaseDepth=”Numerical Value” : 设置图表基部的高度

* canvasBgDepth=”Numerical Value” : 设置图表背景的深度

* showCanvasBg=”1/0″ : 设置是否显示图表背景

* showCanvasBase=”1/0″ : 设置是否显示图表基部

图表和轴的标题

* caption=”String” : 图表上方的标题

* subCaption=”String” : 图表上方的副标题

* xAxisName= “String” : X轴的名字

* yAxisName= “String” : y轴的名字

图表数量值的限制

* yAxisMinValue=”value”: y轴最小值

* yAxisMaxValue=”value”: y舟最大值

通用参数

* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name

* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值

* showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值

* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示

* animation=”1/0″ : 设置柱型图的显示是否是动画显示

字体属性

* baseFont=”FontName” : 设置字体样式

* baseFontSize=”FontSize” : 设置字体大小

* baseFontColor=”HexColorCode” : 设置字体颜色

* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式

* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小

* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色

数字格式选项

* numberPrefix=”$” : 设置数据值的前缀

* numberSuffix=”p.a” : 设置数据值的后缀（如果是特殊字符，需要使用URL Encode重编码）

* formatNumber=”1/0″ : 设置是否格式化数据

* formatNumberScale=”1/0″ : 设置是否用“K”来代表千，“M”来代表百万

* decimalSeparator=”.” : 用指定的字符来代替小数点

* thousandSeparator=”,” : 用指定的字符来代替千位分隔符

* decimalPrecision=”2″ : 设置十进制的精度

* divLineDecimalPrecision=”2″: 设置y轴数值的小数位数

* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数

水平分隔线

* numdivlines=”NumericalValue” : 设置水平分隔线的数量

* divlinecolor=”HexColorCode” : 设置水平分隔线的颜色

* divLineThickness=”NumericalValue” : 设置水平分隔线的宽度

* divLineAlpha=”NumericalValue0-100″ : 设置水平分隔线的透明度

* showDivLineValue=”1/0″ : 设置是否显示水平分隔线的数值

鼠标旋停参数

* showhovercap=”1/0″ : 显示是否激活鼠标旋停效果

* hoverCapBgColor=”HexColorCode” : 设置鼠标旋停效果的背景颜色

* hoverCapBorderColor=”HexColorCode” : 设置鼠标旋停效果的边框颜色

* hoverCapSepChar=”Char” : 设置鼠标旋停后显示的文本中的分隔符号

图表边距的设置

* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距

* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距

* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距

* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距

<set> 所具有的属性

* name=”string” : 设置在图表中体现出来的名字

Example: <set name=’Jan’ …>

* value=”NumericalValue” : 设置在图表中各个名字想对应的值

Example: <set name=’Jan’ value=’12345′ …>

* color=”HexCode” : 设置在图表中相对应的柱行图的颜色

Example: <set name=’Jan’ value=’12345′ color=’636363′ …>

* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图上出现的文本内容

Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>

* link=”URL” : 设置该柱行图的链接地址（需要URL Encode重编码）

Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>

* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度

Example: <set … alpha=’100′ …>

* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name

Example : <set … showName=”1″ …>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航