amchart柱状图、折线图配置解析

Amchart
柱状图配置解析
<?xml version="1.0" encoding="UTF-8"?>
<!-- Value between [] brackets, for example [#FFFFFF] shows default value which is used if this parameter is not set -->
<!-- This means, that if you are happy with this value, you can delete this line at all and reduce file size -->
<!-- value or explanation between () brackets shows the range or type of values you should use for this parameter -->
<!-- the top left corner has coordinates x = 0, y = 0 -->
<!-- "!" before x or y position (for example: <x>!20</x>) means that the coordinate will be calculated from the right side or the bottom -->
<settings>
<type></type>
<!-- 柱状图是纵向还是横向,默认纵向[column] (column / bar) -->
<data_type></data_type>
<!-- 数据类型[xml] (xml / csv) -->
<csv_separator></csv_separator>
<!-- CSV数据类型的分隔符[;] (string)

csv file data separator (you need it only if you

are using csv file for your data) -->
<skip_rows></skip_rows>
<!-- [0] (Number) if you are using csv data type, you can set the

number of rows which should be skipped here -->
<font>Tahoma</font>
<!-- [Arial] (font name) use device fonts, such as Arial,

Times New Roman, Tahoma, Verdana... -->
<text_size></text_size>
<!-- [11] (Number) text size of all texts. Every text size can be

set individually in the settings below -->
<text_color></text_color>
<!-- [#000000] (hex color code) main text color. Every text

color can be set individually in the settings below-->
<decimals_separator></decimals_separator>
<!-- [,] (string) decimal separator. Note, that this is for

displaying data only. Decimals in data xml file must be

separated with a dot -->
<thousands_separator></thousands_separator>
<!-- [ ] (string) thousand separator. use "none"

if you don't want to separate -->
<scientific_min></scientific_min>
<!-- [0.000001] If absolute value of your number is equal or

less then scientific_min, this number will be formatted using

scientific notation, for example: 0.0000023 -> 2.3e-6 -->
<scientific_max></scientific_max>
<!-- [1000000000000000] If absolute value of your number is equal

or bigger then scientific_max, this number will be formatted

using scientific notation, for example: 15000000000000000 -> 1.5e16 -->
<digits_after_decimal></digits_after_decimal>
<!-- [] (Number) if your value has less digits after decimal

then is set here, zeroes will be added -->
<redraw>true</redraw>
<!--如果chart的宽度或高度是用百分比设置的话,redraw为true则将在屏幕变化时

自动调整大小 [false] (true / false) if your chart's width or height is set in percents,

and redraw is set to true, the chart will be redrawn then screen size changes -->
<!-- this function is beta, be careful. Legend, buttons labels will not be repositioned

if you set your x and y values for these objects -->
<reload_data_interval></reload_data_interval>
<!-- [0] (Number) how often data should be reloaded (time in seconds) -->
<preloader_on_reload></preloader_on_reload>
<!-- [false] (true / false) Whether to show preloaded when

data or settings are reloaded -->
<add_time_stamp></add_time_stamp>
<!-- [false] (true / false) if true, a unique number will be added

every time flash loads data. Mainly this feature is useful if

you set reload _data_interval -->
<precision></precision>
<!-- [2] (Number) shows how many numbers should be shown after

comma for calculated values (percents) -->
<depth>0</depth>
<!-- 柱子的纵深,用于3D效果[0] (Number) the depth of chart and columns (for 3D effect) -->
<angle>0</angle>
<!-- 柱子倾斜角度,用于3D效果[30] (0 - 90) angle of chart area and columns (for 3D effect) -->
<colors></colors>
<!-- [#FF6600,#FCD202,#B0DE09,#0D8ECF,#2A0CD0,#CD0D74,#CC0000,#00CC00,#0000CC,

#DDDDDD,#999999,#333333,#990000] Colors of graphs. if the graph color is not set,

color from this array will be used -->
<js_enabled></js_enabled>
<!-- [true] (true / false) In case you don't use any flash - JavaScript communication,

you shuold set this setting to false - this will save some CPU and will disable

the security warning message which appears when opening the chart from hard drive. -->

<column>
<type></type>
<!--柱子类型(集中型、堆栈图、100%堆栈图、3D柱状图)

[clustered] (clustered, stacked, 100% stacked, 3d column) -->
<width>85</width>
<!--柱子占栏的百分比 [80] (0 - 100) width of column (in percents) -->
<spacing>0</spacing>
<!--柱子间的间距 [5] (Number) space between columns of one category axis value, in pixels.

Negative values can be used. -->
<grow_time>3</grow_time>
<!--柱子生成时间 [0] (Number) grow time in seconds. Leave 0 to appear instantly -->
<grow_effect></grow_effect>
<!-- 柱子生成效果[elastic] (elastic, regular, strong) -->
<sequenced_grow>true</sequenced_grow>
<!-- 逐个显示还是一起显示[false] (true / false) whether

columns should grow at the same time or one after another -->
<alpha></alpha>
<!-- [100] (Number) alpha of all columns -->
<border_color></border_color>
<!-- [#FFFFFF] (hex color code) -->
<border_alpha></border_alpha>
<!-- [0] (Number) -->
<data_labels><![CDATA[]]></data_labels>
<!--柱子值显示 [] ({title} {value} {series} {percents} {start} {difference}

{total}) You can format any data label: {title} will be replaced

with real title, {value} - with value and so on. You can add your

own text or html code too. -->

<data_labels_text_color></data_labels_text_color>
<!-- [text_color] (hex color code) -->
<data_labels_text_size></data_labels_text_size>
<!-- [text_size] (Number) -->
<data_labels_position></data_labels_position>
<!-- 柱子值显示位置[outside] (inside, outside, above).

This setting is only for clustered chart. -->
<!-- if you set "above" for column chart, the data label

will be displayed inside column, rotated by 90 degrees -->
<data_labels_always_on></data_labels_always_on>
<!--是否始终显示柱子值 [false] (true / false)

If the data label is placed inside of the bar

or column (stacked chart) and the bar or column

is too small for the label to fit, it is hidden.

If you set this setting to "true",the data labels

will always be visible. -->
<balloon_text><![CDATA[]]></balloon_text>
<!--气球显示数据格式 [] ({title} {value} {series} {percents}

{start} {difference} {total}) You can format any data label:

{title} will be replaced with real title, {value} - with value

and so on. You can add your own text or html code too. -->

<link_target></link_target>
<!-- [] (_blank, _top ...) -->
<gradient></gradient>
<!--颜色渐变方向 [vertical] (horizontal / vertical) Direction of column gradient.

Gradient colors are defined in graph settings below. -->
<bullet_offset></bullet_offset>
<!--子弹与柱子的间距 [0] (Number) distance from column / bar to the bullet -->
<hover_brightness>30</hover_brightness>
<!--鼠标指向柱子时的明暗度 [0] (from -255 to 255)

The column may darken/lighten。 when the use rolls over it.

The intensity may be set here -->
</column>

<line>
<!--line类型曲线图参数设置 Here are general settings for "line" graph type.

You can set most of these settings for individual lines in graph settings below -->
<connect></connect>
<!-- [false] (true / false) whether to connect points if data is missing -->
<width></width>
<!-- [2] (Number) line width -->
<alpha></alpha>
<!-- [100] (Number) line alpha -->
<fill_alpha></fill_alpha>
<!-- [0] (Number) fill alpha -->
<bullet></bullet>
<!-- [] (square, round, square_outlined, round_outlined, square_outline,

round_outline, filename.swf) can be used predefined bullets or loaded

custom bullets. Leave empty if you don't want to have bullets at all.

Outlined bullets use plot area color for outline color -->
<bullet_size></bullet_size>
<!-- [8] (Number) bullet size -->
<data_labels><![CDATA[]]></data_labels>
<!-- [] ({title} {value} {series} {percents} {start}

{difference} {total}) You can format any data label:

{title} will be replaced with real title, {value} - with

value and so on. You can add your own text or html code too. -->

<data_labels_text_color></data_labels_text_color>
<!-- [text_color] (hex color code) -->
<data_labels_text_size></data_labels_text_size>
<!-- [text_size] (Number) -->
<balloon_text>
<![CDATA[]]> <!-- [] use the same formatting rules as for data labels -->
</balloon_text>
<link_target></link_target>
<!-- [] (_blank, _top ...) -->
</line>

<background>
<!-- BACKGROUND -->
<color></color>
<!-- [#FFFFFF] (hex color code) Separate color codes with comas for gradient -->
<alpha></alpha>
<!-- [0] (0 - 100) use 0 if you are using custom swf or jpg for background -->
<border_color></border_color>
<!-- [#000000] (hex color code) -->
<border_alpha>15</border_alpha>
<!-- [0] (0 - 100) -->
<file></file>
<!-- [] (filename) swf or jpg file of a background.

Do not use progressive jpg file, it will be not visible with flash player 7 -->
<!-- The chart will look for this file in "path" folder ("path" is set in HTML) -->
</background>

<plot_area>
<!-- PLOT AREA (the area between axes) -->
<color></color>
<!-- [#FFFFFF](hex color code) Separate color codes with comas for gradient -->
<alpha></alpha>
<!-- [0] (0 - 100) if you want it to be different than background color,

use bigger than 0 value -->
<border_color></border_color>
<!-- [#000000] (hex color code) -->
<border_alpha></border_alpha>
<!-- [0] (0 - 100) -->
<margins>
<!-- plot area margins -->
<left>70</left>
<!-- [60](Number / Number%) -->
<top>60</top>
<!-- [60](Number / Number%) -->
<right>50</right>
<!-- [60](Number / Number%) -->
<bottom>80</bottom>
<!-- [80](Number / Number%) -->
</margins>
</plot_area>

<grid>
<!--网格参数 GRID -->
<category>
<!-- 横轴网格参数设置category axis grid -->
<color></color>
<!-- [#000000] (hex color code) -->
<alpha>5</alpha>
<!-- [15] (0 - 100) -->
<dashed></dashed>
<!-- [false](true / false) -->
<dash_length></dash_length>
<!-- [5] (Number) -->
</category>
<value>
<!-- 纵轴网格参数设置value axis grid -->
<color></color>
<!-- [#000000] (hex color code) -->
<alpha>0</alpha>
<!-- [15] (0 - 100) -->
<dashed></dashed>
<!-- [false] (true / false) -->
<dash_length></dash_length>
<!-- [5] (Number) -->
<approx_count></approx_count>
<!-- 纵轴的网格数目 [10] (Number) approximate number of gridlines -->
<fill_color>000000</fill_color>
<!-- [#FFFFFF] (hex color code) every second area between

gridlines will be filled with this color

(you will need to set fill_alpha > 0) -->
<fill_alpha>5</fill_alpha>
<!-- [0] (0 - 100) opacity of fill -->
</value>
</grid>

<values>
<!-- VALUES -->
<category>
<!-- category axis -->
<enabled></enabled>
<!-- [true] (true / false) -->
<frequency>3</frequency>
<!-- 横坐标标签出现频率[1] (Number) how often values should be placed -->
<start_from></start_from>
<!-- [1] (Number) you can set series from which category

values will be displayed -->
<rotate></rotate>
<!--横坐标倾斜角度 [0] (0 - 90) angle of rotation. If you want to rotate by

degree from 1 to 89, you must have font.swf file in fonts folder -->
<color></color>
<!-- [text_color] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
<inside></inside>
<!-- [false] (true / false) if set to true, axis values will

be displayed inside plot area. This setting will not work for

values rotated by 1-89 degrees (0 and 90 only) -->
</category>
<value>
<!-- value axis -->
<enabled>true</enabled>
<!-- [true] (true / false) -->
<reverse></reverse>
<!-- [false] (true / false) whether to reverse this axis values or not.

If set to true, values will start from biggest number and will end

with a smallest number -->
<min></min>
<!-- [] (Number) minimum value of this axis. If empty,

this value will be calculated automatically. -->
<max></max>
<!-- [] (Number) maximum value of this axis. If empty,

this value will be calculated automatically -->
<strict_min_max></strict_min_max>
<!-- [false] (true / false) by default, if your values are bigger

then defined max (or smaller then defined min),

max and min is changed so that all the chart would fit to chart area.

If you don't want this, set this option to true. -->
<frequency></frequency>
<!--几个纵轴网格显示值 [1] (Number) how often values should be placed,

1 - near every gridline, 2 - near every second gridline... -->
<rotate></rotate>
<!-- 纵轴标签倾斜角度[0] (0 - 90) angle of rotation.

If you want to rotate by degree from 1 to 89, you must

have font.swf file in fonts folder -->
<skip_first></skip_first>
<!-- [true] (true / false) to skip or not first value -->
<skip_last></skip_last>
<!-- [false] (true / false) to skip or not last value -->
<color></color>
<!-- [text_color] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
<unit></unit>
<!-- 单位[] (text) -->
<unit_position></unit_position>
<!-- [right] (right / left) -->
<integers_only></integers_only>
<!-- [false] (true / false) if set to true, values with decimals will be omitted -->
<inside></inside>
<!-- [false] (true / false) if set to true, axis values will be displayed

inside plot area. This setting will not work for values rotated

by 1-89 degrees (0 and 90 only) -->
<duration></duration>
<!-- [] (ss/mm/hh/DD) In case you want your axis to display formatted

durations instead of numbers, you have to set the unit of the duration

in your data file. For example, if your values in data file represents seconds,

set "ss" here.-->
</value>
</values>

<axes>
<!-- axes -->
<category>
<!-- category axis -->
<color></color>
<!-- [#000000] (hex color code) -->
<alpha></alpha>
<!-- [100] (0 - 100) -->
<width>1</width>
<!-- [2] (Number) line width, 0 for hairline -->
<tick_length></tick_length>
<!-- [7] (Number) -->
</category>
<value>
<!-- value axis -->
<color></color>
<!-- [#000000] (hex color code) -->
<alpha></alpha>
<!-- [100] (0 - 100) -->
<width>1</width>
<!-- [2] (Number) line width, 0 for hairline -->
<tick_length></tick_length>
<!-- [7] (Number) -->
<logarithmic></logarithmic>
<!-- [false] (true / false) If set to true, this axis will use

logarithmic scale instead of linear -->
</value>
</axes>

<balloon>
<!-- BALLOON -->
<enabled></enabled>
<!-- [true] (true / false) -->
<color></color>
<!-- [] (hex color code) balloon background color. If empty,

slightly darker then current column color will be used -->
<alpha>85</alpha>
<!-- [100] (0 - 100) -->
<text_color></text_color>
<!-- [#FFFFFF] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
<max_width></max_width>
<!-- [220] (Number) The maximum width of a balloon -->
<corner_radius></corner_radius>
<!-- [0] (Number) Corner radius of a balloon. If you set it > 0,

the balloon will not display arrow -->
<border_width></border_width>
<!-- [0] (Number) -->
<border_alpha></border_alpha>
<!-- [balloon.alpha] (Number) -->
<border_color></border_color>
<!-- [balloon.color] (hex color code) -->
</balloon>

<legend>
<!-- LEGEND -->
<enabled></enabled>
<!-- [true] (true / false) -->
<x></x>
<!-- [] (Number / Number% / !Number) if empty, will be equal to left margin -->
<y></y>
<!-- [] (Number / Number% / !Number) if empty, will be below plot area -->
<width></width>
<!-- [] (Number / Number%) if empty, will be equal to plot area width -->
<max_columns></max_columns>
<!-- [] (Number) the maximum number of columns in the legend -->
<color></color>
<!-- [#FFFFFF] (hex color code) background color. Separate color codes

with comas for gradient -->
<alpha></alpha>
<!-- [0] (0 - 100) background alpha -->
<border_color></border_color>
<!-- [#000000] (hex color code) border color -->
<border_alpha></border_alpha>
<!-- [0] (0 - 100) border alpha -->
<text_color></text_color>
<!-- [text_color] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
<spacing></spacing>
<!-- [10] (Number) vertical and horizontal gap between legend entries -->
<margins></margins>
<!-- [0] (Number) legend margins (space between legend border and legend

entries,recommended to use only if legend border is visible or background

color is different from chart area background color) -->
<reverse_order></reverse_order>
<!-- [false] (true / false) whether to sort legend entries

in a reverse order -->
<align></align>
<!-- [left] (left / center / right) alignment of legend entries -->
<key>
<!-- KEY (the color box near every legend entry) -->
<size></size>
<!-- [16] (Number) key size-->
<border_color></border_color>
<!-- [] (hex color code) leave empty if you don't want to have border -->
</key>
</legend>

<export_as_image>
<!-- export_as_image feature works only on a web server -->
<file></file>
<!-- [] (filename) if you set filename here, context menu (then user right clicks on

flash movie) "Export as image" will appear. This will allow user to export chart

as an image. Collected image data will be posted to this file name (use

amcolumn/export.php or amcolumn/export.aspx) -->
<target></target>
<!-- [] (_blank, _top ...) target of a window in which export file must be called -->
<x></x>
<!-- [0] (Number / Number% / !Number) x position of "Collecting data" text -->
<y></y>
<!-- [] (Number / Number% / !Number) y position of "Collecting data" text.

If not set, will be aligned to the bottom of flash movie -->
<color></color>
<!-- [#BBBB00] (hex color code) background color of "Collecting data" text -->
<alpha></alpha>
<!-- [0] (0 - 100) background alpha -->
<text_color></text_color>
<!-- [text_color] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
</export_as_image>

<error_messages>
<!-- "error_messages" settings will be applied for all error messages except the one

which is showed if settings file wasn't found -->
<enabled></enabled>
<!-- [true] (true / false) -->
<x></x>
<!-- [] (Number / Number% / !Number) x position of error message.

If not set, will be aligned to the center -->
<y></y>
<!-- [] (Number / Number% / !Number) y position of error message.

If not set, will be aligned to the center -->
<color></color>
<!-- [#BBBB00] (hex color code) background color of error message.

Separate color codes with comas for gradient -->
<alpha></alpha>
<!-- [100] (0 - 100) background alpha -->
<text_color></text_color>
<!-- [#FFFFFF] (hex color code) -->
<text_size></text_size>
<!-- [text_size] (Number) -->
</error_messages>

<strings>
<no_data></no_data>
<!-- [No data for selected period] (text) if data is missing, this message will be displayed -->
<export_as_image></export_as_image>
<!-- [Export as image] (text) text for right click menu -->
<collecting_data></collecting_data>
<!-- [Collecting data] (text) this text is displayed while exporting

chart to an image -->
<!-- the strings below are only important if you format your axis values as durations -->
<ss></ss>
<!-- [] unit of seconds -->
<mm></mm>
<!-- [:] unit of minutes -->
<hh></hh>
<!-- [:] unit of hours -->
<DD></DD>
<!-- [d. ] unit of days -->
</strings>


<context_menu>
<!-- context menu allows you to controll right-click menu items. You can add custom menu

items to create custom controls -->

<!-- "function_name" specifies JavaScript function which will be called when user clicks

on this menu. You can pass variables, for example: function_name="alert('something')" -->
<!-- "title" sets menu item text. Do not use for title: Show all, Zoom in, Zoom out,

Print, Settings... -->
<!-- you can have any number of custom menus. Uncomment the line below to enable this menu

and add apropriate JS function to your html file. -->
<!-- <menu function_name="printChart" title="Print chart"></menu> -->

<default_items>
<zoom></zoom>
<!-- [false] (true / false) to show or not flash players zoom menu -->
<print></print>
<!-- [true] (true / false) to show or not flash players print menu -->
</default_items>
</context_menu>


<labels>
<!-- LABELS -->
<!-- you can add as many labels as you want -->
<!-- labels can also be added in data xml file, using exactly the same structure like it is here -->
<label lid="0">
<x>10</x>
<!-- [0] (Number / Number% / !Number) -->
<y>400</y>
<!-- [0] (Number / Number% / !Number) -->
<rotate>true</rotate>
<!-- [false] (true / false) -->
<width></width>
<!-- [] (Number / Number%) if empty, will stretch from left to right untill label fits -->
<align>center</align>
<!-- [left] (left / center / right) -->
<text_color></text_color>
<!-- [text_color] (hex color code) button text color -->
<text_size></text_size>
<!-- [text_size](Number) button text size -->
<text>
<!-- [] (text) html tags may be used (supports <b>, <i>, <u>, <font>, <a href="file:///C:/DOCUME~1/dxr/LOCALS~1/APPLIC~1/WebSaver/~export/>,

<br/>. Enter text between []: <![CDATA[your <b>bold</b> and <i>italic</i> text]]>-->
<![CDATA[<b>Temperature anomaly, C (1950 - 2005)</b>]]>
</text>
</label>
<label lid="1">
<x>0</x>
<y>380</y>
<width></width>
<align>right</align>
<text_color></text_color>
<text_size>11</text_size>
<text>
<![CDATA[Source: <a href="file:///C:/DOCUME~1/dxr/LOCALS~1/APPLIC~1/WebSaver/~export/http://www.cru.uea.ac.uk/cru/info/warming/" target="_blank"><u>Climatic Research Unit</u></a>]]>
</text>
</label>
</labels>


<graphs>
<!-- GRAPHS SETTINGS. These settings can also be specified in data file, as attributes of <graph>,

in this case you can delete everything from <graphs> to </graphs> (including) -->
<!-- It is recommended to have graph settings here if you don't want to mix data with other params -->
<!-- copy <graph>...</graph> (including) as many times as many graphs you have and edit settings

individually -->
<!-- if graph settings are defined both here and in data file, the ones from data file are used -->
<graph gid="1">
<!-- if you are using XML data file, graph "gid" must match graph "gid" in data file -->
<type>column</type>
<!-- [column] (column/line) -->
<title>Anomaly</title>
<!-- [] (graph title) -->
<color>B92F2F</color>
<!-- [] (hex color code) -->
<alpha></alpha>
<!-- [column.alpha (line.alpha)] (0 - 100) -->
<data_labels>
<![CDATA[]]> <!-- [column.data_labels (line.data_labels)] ({title} {value} {series}

{percents} {start} {difference} {total}) You can format any data label:

{title} will be replaced with real title, {value} - with value and so on.

You can add your own text or html code too. -->
</data_labels>
<gradient_fill_colors></gradient_fill_colors>
<!-- [] (hex color codes separated by comas) columns can be

filled with gradients. Set any number of colors here.

Note, that the legend key will be filled with color value,

not with gradient. -->
<balloon_color></balloon_color>
<!-- [balloon.color] (hex color code) leave empty to use the same color as graph -->
<balloon_alpha></balloon_alpha>
<!-- [balloon.alpha] (0 - 100) -->
<balloon_text_color></balloon_text_color>
<!-- [balloon.text_color] (hex color code) -->
<balloon_text>
<![CDATA[Anomaly in {series}: {value}C]]> <!-- [column(line).balloon.text] ({title} {value}

{series} {description} {percents}) You can format any

balloon text: {title} will be replaced with real title,

{value} - with value and so on. You can add your own text

or html code too. -->
</balloon_text>
<fill_alpha></fill_alpha>
<!-- [0] (0 - 100) fill alpha (use it if you want to have area chart) -->
<width></width>
<!-- [2] (Number) line width -->
<bullet></bullet>
<!-- [line.bullet] (round, square, round_outlined,

square_outline, round_outline, square_outlined, filename) -->
<bullet_size></bullet_size>
<!-- [line.bullet_size] (Number) bullet size -->
<bullet_color></bullet_color>
<!-- [] (hex color code) bullet color. If not defined, line color is used -->
<visible_in_legend></visible_in_legend>
<!-- [true] (true / false) whether to show legend entry

for this graph or not -->
<pattern></pattern>
<!-- [] (path to the pattern file) Pattern file can be: swf, jpg, gif or png.

The chart looks for the file in the "path" folder. the pattern can be

also set for individual columns in the data xml file -->
<pattern_color></pattern_color>
<!-- [] (hex color code) the color of the pattern -->
</graph>

<graph gid="2">
<type>line</type>
<title>Smoothed</title>
<color></color>
<alpha></alpha>
<balloon_text>
<![CDATA[Anomaly in {series}: {value}C (Smoothed)]]> <!-- [column(line).balloon.text] ({title} {value} {series} {description} {percents}) You can format any balloon text: {title} will be replaced with real title, {value} - with value and so on. You can add your own text or html code too. -->
</balloon_text>
</graph>
</graphs>

<guides>
<!-- guides are straight lines drawn through all plot area at a give value. Can also be filled with color -->
<max_min></max_min>
<!-- [false] (true / false) whether to include guides' values when calculating min and max of a chart -->
<guide>
<!-- there can be any number of quides. guides can also be set in data xml file, using the same syntax as here -->
<behind></behind>
<!-- [false] (true / false) whether your guides should appear in front of columns or behind them -->
<start_value></start_value>
<!-- (number) value at which guide should be placed -->
<end_value></end_value>
<!-- (number) if you set value here too, another quide will be drawn. If you set fill alpha > 0, then the area between these quides will be filled with color -->
<title></title>
<!-- (string) text which will be displayed near the guide -->
<width></width>
<!-- [0] (Number) width of a guide line (0 for hairline) -->
<color></color>
<!-- [#000000] (hex color code) color of guide line -->
<alpha></alpha>
<!-- [100] (0 - 100) opacity of guide line -->
<fill_color></fill_color>
<!-- [guide.color] (hex color code) fill color. If not defined, color of a guide will be used. Separate color codes with comas for gradient -->
<fill_alpha></fill_alpha>
<!-- [0] (0 - 100) opacity of a fill -->
<inside></inside>
<!-- [values.value.inside] whether to place title inside plot area -->
<centered></centered>
<!-- [true] (true / false) if you have start and end values defined, title can be placed in the middle between these values. If false, it will be placed near start_value -->
<rotate></rotate>
<!-- [values.value.rotate] (0 - 90) angle of rotation of title. -->
<text_size></text_size>
<!-- [values.value.text_size] (Number) -->
<text_color></text_color>
<!-- [values.value.color] (hex color code) -->
<dashed></dashed>
<!-- [false] (true / false) -->
<dash_length></dash_length>
<!-- [5] (Number) -->
</guide>
</guides>

<!-- DATA can also be set in settings file. Just place data in CSV or XML format between <data></data> -->

<!--<data>
</data> -->

</settings>




折线图配置解析

<?xml version="1.0" encoding="UTF-8"?>
<!---- Value between [] brackets, for example [#FFFFFF] shows default value which is used if this parameter is not set -->
<!---- This means, that if you are happy with this value, you can delete this line at all and reduce file size -->
<!---- value or explanation between () brackets shows the range or type of values you should use for this parameter -->
<!---- the top left corner has coordinates x = 0, y = 0 -->
<!---- "!" before x or y position (for example: <x>!20</x>) means that the coordinate will be calculated from the right side or the bottom -->

<!--中文乱码解决方案:请将该文件保存为UTF-8的格式,可以用PSPad ,字体设置为宋体-->

<settings>
<data_type>csv</data_type> <!--数据类型,默认xml-- [xml] (xml / csv) -->


<csv_separator></csv_separator> <!----csv数据的分隔符-- [;] (string) csv file data separator

(you need it only if you are using csv file for your data) -->


<skip_rows></skip_rows> <!----忽略的CSV数据行数-- [0] (Number)

if you are using csv data type, you can set the number of rows which

should be skipped here -->


<font>宋体</font> <!----字体-- [Arial] (font name) use device fonts, such as Arial,

Times New Roman, Tahoma, Verdana... -->


<text_size></text_size> <!----字体大小-- [11] (Number) text size of all texts.

Every text size can be set individually in the settings below -->


<text_color></text_color> <!----字体颜色-- [#000000] (hex color code) main text color.

Every text color can be set individually in the settings below-->


<decimals_separator></decimals_separator> <!----显示数字分隔符(data的数据必须在dot里设置)-- [,] (string)

decimal separator. Note, that this is for displaying data only.

Decimals in data xml file must be separated with dot -->


<thousands_separator></thousands_separator> <!----千的分隔符-- [ ] (string) thousand separator.

use "none" if you don't want to separate -->


<digits_after_decimal>2</digits_after_decimal> <!----小数点位数-- [] (Number) if your value has less digits

after decimal then is set here, zeroes will be added -->


<scientific_min></scientific_min> <!----科学计数法的最小值,小于该值后将用科学计数法-- [0.000001]

If absolute value of your number is equal or less then scientific_min,

this number will be formatted using scientific notation,

for example: 0.0000023 -> 2.3e-6 -->


<scientific_max></scientific_max> <!----科学计数法的最大值,大于该值后将用科学计数法-- [1000000000000000]

If absolute value of your number is equal or bigger then scientific_max,
this number will be formatted using scientific notation,

for example: 15000000000000000 -> 1.5e16 -->


<redraw>true</redraw> <!----如果chart的宽度或高度是用百分比设置的话,redraw为true则将在屏幕变化时自动调整大小--

[false](true / false) if your chart's width or height is set in percents,

and redraw is set to true, the chart will be redrawn then screen size changes -->

<!----图例、按钮、标签等如果有设置其x、y坐标的话将不会自动调整--

Legend, buttons labels will not be repositioned if you set your x and y values for these objects -->


<reload_data_interval></reload_data_interval> <!----重载数据时间,强烈建议打开此项时关闭放大缩小功能

(set <zoomable>false</zoomable>) -- [0] (Number)

how often data should be reloaded (time in seconds)

If you are using this feature I strongly recommend to

turn off zoom function (set <zoomable>false</zoomable>) -->


<preloader_on_reload></preloader_on_reload> <!----是否在重新加载数据或设置文件时显示加载进度条-- [false]

(true / false) Whether to show preloaded when data or settings are reloaded -->


<add_time_stamp></add_time_stamp> <!----增加印时戳-- [false] (true / false) if true, a unique number will be added every time flash loads data. Mainly this feature is useful if you set reload _data_interval >0 -->


<precision></precision> <!----堆栈图中逗号后展示多少个数据-- [2] (Number) shows how many numbers

should be shown after comma for calculated values (percents, used only in stacked charts) -->


<connect></connect> <!----是否在y轴缺失数据时连接数据点-- [false] (true / false)

whether to connect points if y data is missing -->


<hide_bullets_count></hide_bullets_count> <!----最多显示的子弹头数-- [] (Number)

if there are more then hideBulletsCount points on the screen,

bullets can be hidden, to avoid mess. Leave empty,

or 0 to show bullets all the time.

This rule doesn't influence if custom bullet is defined near y value,

in data file -->


<link_target></link_target> <!------ [] (_blank, _top ...) -->


<start_on_axis></start_on_axis> <!----曲线是否从原点开始-- [true] (true / false) if set to false,

graph is moved 1/2 of one series interval from Y axis -->
<colors></colors> <!----曲线颜色--

[#FF0000,#0000FF,#00FF00,#FF9900,#CC00CC,#00CCCC,#33FF00,#990000,#000066,#555555]

Colors of graphs. if the graph color is not set, color from this array will be used -->


<rescale_on_hide></rescale_on_hide> <!----是否在chart隐藏时重绘(计算最大值,最小值)-- [true] (true/false)

When you show or hide graphs, the chart recalculates min and max values

(rescales the chart). If you don't want this, set this to false. -->


<js_enabled></js_enabled> <!----是否允许JavaScript-- [true] (true / false)

In case you don't use any flash - JavaScript communication, you shuold

set this setting to false 。 this will save some CPU and will disable the

security warning message which appears when opening the chart from hard drive. -->



<background> <!----背景参数设置-- BACKGROUND -->
<color></color> <!----颜色-- [#FFFFFF] (hex color code) Separate color codes with comas for gradient -->
<alpha></alpha> <!----透明度-- [0] (0 - 100) use 0 if you are using custom swf or jpg for background -->
<border_color></border_color> <!----边框颜色-- [#000000] (hex color code) -->
<border_alpha></border_alpha> <!----边框透明度-- [0] (0 - 100) -->
<file></file> <!----背景图片或Flash(放在“path”目录("path" is set in HTML))-- [] (filename)

swf or jpg file of a background. Do not use progressive jpg file,

it will be not visible with flash player 7 -->

<!------ The chart will look for this file in "path" folder ("path" is set in HTML) -->
</background>


<plot_area> <!----区域参数设置-- PLOT AREA (the area between axes) -->
<color></color> <!----颜色-- [#FFFFFF](hex color code) Separate color codes with comas for gradient-->
<alpha></alpha> <!----透明度-- [0] (0 - 100)

if you want it to be different than background color, use bigger than 0 value -->
<border_color></border_color> <!----边框颜色-- [#000000] (hex color code) -->
<border_alpha></border_alpha> <!----边框透明度-- [0] (0 - 100) -->
<margins> <!----区域边沿参数设置-- plot area margins -->
<left></left> <!------ [60](Number / Number%) -->
<top></top> <!------ [60](Number / Number%) -->
<right></right> <!------ [60](Number / Number%) -->
<bottom></bottom> <!------ [80](Number / Number%) -->
</margins>
</plot_area>





<scroller> <!----滚动条参数设置-->
<enabled></enabled> <!----使能-- [true] (true / false) whether to show scroller when chart is zoomed or not -->
<y></y> <!--滚动条位置-- [] (Number) Y position of scroller. If not set here, will be displayed

above plot area -->
<color></color> <!--滚动条颜色-- [#DADADA] (hex color code) scrollbar color.

Separate color codes with comas for gradient -->
<alpha></alpha> <!--滚动条透明度-- [100] (Number) scrollbar alpha -->
<bg_color></bg_color> <!--滚动条背景颜色-- [#F0F0F0] (hex color code) scroller background color.

Separate color codes with comas for gradient -->
<bg_alpha></bg_alpha> <!--滚动条背景透明度-- [100] (Number) scroller background alpha -->
<height></height> <!--滚动条高度-- [10] (Number) scroller height -->
</scroller>

<grid> <!--网格参数-- GRID -->
<x> <!--横轴参数-- vertical grid -->
<enabled></enabled> <!--使能-- [true] (true / false) -->
<color></color> <!--颜色-- [#000000] (hex color code) -->
<alpha></alpha> <!--透明度-- [15] (0 - 100) -->
<dashed></dashed> <!--是否用虚线-- [false](true / false) -->
<dash_length></dash_length> <!--虚线的长度-- [5] (Number) -->
<approx_count></approx_count> <!--横轴的划分个数-- [4] (Number) approximate number of gridlines -->
</x>
<y_left> <!--左边的纵轴参数-- horizontal grid, Y left axis.

Visible only if there is at least one graph assigned to left axis -->
<enabled></enabled> <!--使能-- [true] (true / false) -->
<color></color> <!--颜色-- [#000000] (hex color code) -->
<alpha></alpha> <!--透明度-- [15] (0 - 100) -->
<dashed></dashed> <!--是否用虚线-- [false] (true / false) -->
<dash_length></dash_length> <!--虚线的长度-- [5] (Number) -->
<approx_count></approx_count> <!--纵轴的划分个数-- [10] (Number) approximate number of gridlines -->
<fill_color></fill_color> <!--纵轴隔行填充颜色(必须将fill_alpha设置大于0)-- [#FFFFFF] (hex color code)

every second area between gridlines will be filled with this color

(you will need to set fill_alpha > 0) -->
<fill_alpha></fill_alpha> <!--填充颜色的透明度-- [0] (0 - 100) opacity of fill -->
</y_left>
<y_right> <!--右边的纵轴参数-- horizontal grid, Y right axis.

Visible only if there is at least one graph assigned to right axis -->
<enabled></enabled> <!---- [true] (true / false) -->
<color></color> <!---- [#000000] (hex color code) -->
<alpha></alpha> <!---- [15] (0 - 100) -->
<dashed></dashed> <!---- [false] (true / false) -->
<dash_length></dash_length> <!---- [5] (Number) -->
<approx_count></approx_count> <!---- [10] (Number) approximate number of gridlines -->
<fill_color></fill_color> <!---- [#FFFFFF] (hex color code)

every second area between gridlines will be filled with this color

(you will need to set fill_alpha > 0) -->
<fill_alpha></fill_alpha> <!---- [0] (0 - 100) opacity of fill -->
</y_right>
</grid>

<values> <!--显示值参数-- VALUES -->
<x> <!--X轴-- x axis -->
<enabled></enabled> <!--使能-- [true] (true / false) -->
<rotate></rotate> <!--倾斜角度(如果角度在1-89,必须保证fonts文件夹下有font.swf)-- [0] (0 - 90)

angle of rotation. If you want to rotate by degree from 1 to 89,

you must have font.swf file in fonts folder -->
<frequency></frequency> <!--显示的频率-- [1] (Number) how often values should be placed,

1 - near every gridline, 2 - near every second gridline... -->
<skip_first></skip_first> <!--是否忽略第一个-- [false] (true / false) to skip or not first value -->
<skip_last></skip_last> <!--是否忽略最后一个-- [false] (true / false) to skip or not last value -->
<color></color> <!---- [text_color] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
<inside></inside> <!--是否显示在区域内-- [false] (true / false) if set to true,

axis values will be displayed inside plot area.

This setting will not work for values rotated by 1-89 degrees (0 and 90 only) -->
</x>
<y_left> <!---- y left axis -->
<enabled></enabled> <!--Y轴使能-- [true] (true / false) -->
<reverse></reverse> <!--Y轴是否反转显示-- [false] (true / false)

whether to reverse this axis values or not. If set to true,

values will start from biggest number and will end with a smallest number -->
<rotate></rotate> <!--Y轴标签倾斜角度-- [0] (0 - 90) angle of rotation.

If you want to rotate by degree from 1 to 89,

you must have font.swf file in fonts folder -->
<min></min> <!--Y轴最小值-- [] (Number) minimum value of this axis. If empty,

this value will be calculated automatically. -->
<max></max> <!--Y轴最大值-- [] (Number) maximum value of this axis. If empty,

this value will be calculated automatically -->
<strict_min_max></strict_min_max> <!--是否严格按照设置的最大最小值-- [false] (true / false) by default,

if your values are bigger then defined max (or smaller then defined min),

max and min is changed so that all the chart would fit to chart area.

If you don't want this, set this option to true. -->
<frequency></frequency> <!--显示的频率-- [1] (Number) how often values should be placed,

1 - near every gridline, 2 - near every second gridline... -->
<skip_first></skip_first> <!---- [true] (true / false) to skip or not first value -->
<skip_last></skip_last> <!---- [false] (true / false) to skip or not last value -->
<color></color> <!---- [text_color] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
<unit></unit> <!--单位-- [] (text) unit which will be added to values on y axis-->
<unit_position></unit_position> <!--单位显示位置-- [right] (left / right) -->
<integers_only></integers_only> <!--是否只显示整数-- [false] (true / false) if set to true,

values with decimals will be omitted -->
<inside></inside> <!---- [false] (true / false) if set to true, axis values will be displayed inside plot area.

This setting will not work for values rotated by 1-89 degrees (0 and 90 only) -->
<duration></duration> <!--期间-- [] (ss/mm/hh/DD) In case you want your axis to display formatted durations

instead of numbers, you have to set the unit of the duration in your data file.

For example, if your values in data file represents seconds, set "ss" here.-->
</y_left>
<y_right> <!---- y right axis -->
<enabled></enabled> <!---- [true] (true / false) -->
<reverse></reverse> <!---- [false] (true / false)

whether to reverse this axis values or not. If set to true,

values will start from biggest number and will end with a smallest number -->
<rotate></rotate> <!---- [0] (0 - 90) angle of rotation. If you want to rotate by degree from 1 to 89,

you must have font.swf file in fonts folder -->
<min></min> <!---- [] (Number) minimum value of this axis. If empty,

this value will be calculated automatically -->
<max></max> <!---- [] (Number) maximum value of this axis. If empty,

this value will be calculated automatically -->
<strict_min_max></strict_min_max> <!---- [false] (true / false) by default,

if your values are bigger then defined max (or smaller then defined min),

max and min is changed so that all the chart would fit to chart area.

If you don't want this, set this option to true. -->
<frequency></frequency> <!---- [1] (Number) how often values should be placed,

1 - near every gridline, 2 - near every second gridline... -->
<skip_first></skip_first> <!---- [true] (true / false) to skip or not first value -->
<skip_last></skip_last> <!---- [false] (true / false) to skip or not last value -->
<color></color> <!---- [text_color] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
<unit></unit> <!---- [] (text) unit which will be added to values on y axis-->
<unit_position></unit_position> <!---- [right] (left / right) -->
<integers_only></integers_only> <!---- [false] (true / false) if set to true, values with decimals will be omitted -->
<inside></inside> <!---- [false] (true / false) if set to true, axis values will be

displayed inside plot area. This setting will not work for

values rotated by 1-89 degrees (0 and 90 only) -->
<duration></duration> <!---- [] (ss/mm/hh/DD) In case you want your axis to display formatted

durations instead of numbers, you have to set the unit of the duration

in your data file. For example, if your values in data file represents seconds,

set "ss" here.-->
</y_right>
</values>

<axes> <!---- 轴参数设置axes -->
<x> <!---- X轴设置X axis -->
<color></color> <!---- [#000000] (hex color code) -->
<alpha></alpha> <!---- [100] (0 - 100) -->
<width></width> <!---- [2] (Number) line width, 0 for hairline -->
<tick_length></tick_length> <!---- [7] (Number) -->
</x>
<y_left> <!---- Y left axis, visible only if at least one graph is assigned to this axis -->
<type></type> <!---- [line] (line, stacked, 100% stacked) -->
<color></color> <!---- [#000000] (hex color code) -->
<alpha></alpha> <!---- [100] (0 - 100) -->
<width></width> <!---- [2] (Number) line width, 0 for hairline -->
<tick_length></tick_length> <!---- [7] (Number) -->
<logarithmic></logarithmic> <!--对数显示-- [false] (true / false) If set to true, this axis will use

logarithmic scale instead of linear -->
</y_left>
<y_right> <!---- Y right axis, visible only if at least one graph is assigned to this axis -->
<type></type> <!--Y轴数据展示类型-- [line] (line, stacked, 100% stacked) -->
<color></color> <!---- [#000000] (hex color code) -->
<alpha></alpha> <!---- [100] (0 - 100) -->
<width></width> <!---- [2] (Number) line width, 0 for hairline -->
<tick_length></tick_length> <!---- [7] (Number) -->
<logarithmic></logarithmic> <!---- [false] (true / false) If set to true, this axis will use logarithmic scale instead of linear -->
</y_right>
</axes>

<indicator> <!--指示器(放大缩小按钮等)-- INDICATOR -->
<enabled></enabled> <!---- [true] (true / false) -->
<zoomable></zoomable> <!---- [true] (true / false) -->
<color></color> <!---- [#BBBB00] (hex color code) line and x balloon background color -->
<line_alpha></line_alpha> <!---- [100] (0 - 100) -->
<selection_color></selection_color> <!---- [#BBBB00] (hex color code) -->
<selection_alpha></selection_alpha> <!---- [25] (0 - 100) -->
<x_balloon_enabled></x_balloon_enabled> <!---- [true] (true / false) -->
<x_balloon_text_color></x_balloon_text_color> <!---- [text_color] (hex color code) -->
</indicator>

<balloon> <!--气球提示-- BALLOON -->
<enabled></enabled> <!---- [true] (true / false) -->
<only_one></only_one> <!---- [false] (true / false) if set to true, only one balloon at a time will be displayed -->
<on_off></on_off> <!---- [true] (true/false) whether it will be possible to turn on or off y balloons

by clicking on a legend or on a graph -->
<color></color> <!---- [] (hex color code) balloon background color.

If not set, graph.balloon_color will be used. -->
<alpha></alpha> <!---- [] (0 - 100) balloon background opacity. If not set, graph.balloon_alpha will be used. -->
<text_color></text_color> <!---- [] (hex color code) baloon text color. If not set,

graph.balloon_text_color will be used -->
<text_size></text_size> <!---- [text_size] (Number) -->
<max_width></max_width> <!---- [] (Number) The maximum width of a balloon.

If not set, half width of plot area will be used -->
<corner_radius></corner_radius> <!--提示窗口边缘圆滑度-- [0] (Number) Corner radius of a balloon.

If you set it > 0, the balloon will not display arrow -->
<border_width></border_width> <!---- [0] (Number) -->
<border_alpha></border_alpha> <!---- [balloon.alpha] (Number) -->
<border_color></border_color> <!---- [balloon.color] (hex color code) -->
</balloon>

<legend> <!--图例参数设置-- LEGEND -->
<enabled></enabled> <!---- [true] (true / false) -->
<x></x> <!---- [] (Number / Number% / !Number) if empty, will be equal to left margin -->
<y></y> <!---- [] (Number / Number% / !Number) if empty, will be 20px below x axis values -->
<width></width> <!---- [] (Number / Number%) if empty, will be equal to plot area width -->
<max_columns></max_columns> <!--图例内容最大栏数-- [] (Number) the maximum number of columns in the legend -->
<color></color> <!---- [#FFFFFF] (hex color code) background color. Separate color codes with comas for gradient -->
<alpha></alpha> <!---- [0] (0 - 100) background alpha -->
<border_color></border_color> <!---- [#000000] (hex color code) border color -->
<border_alpha></border_alpha> <!---- [0] (0 - 100) border alpha -->
<text_color></text_color> <!---- [text_color] (hex color code) -->
<text_color_hover></text_color_hover> <!---- [#BBBB00] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
<spacing></spacing> <!---- [10] (Number) vertical and horizontal gap between legend entries -->
<margins></margins> <!---- [0] (Number) legend margins (space between legend border

and legend entries, recommended to use only if legend border

is visible or background color is different from chart area

background color) -->
<graph_on_off></graph_on_off> <!--是否启用图例曲线的开关-- [true] (true / false) if true,

color box gains "checkbox" function - it is possible to make graphs

visible/invisible by clicking on this checkbox -->
<reverse_order></reverse_order> <!---- [false] (true / false) whether to sort legend entries in a reverse order -->
<align></align> <!---- [left] (left / center / right) alignment of legend entries -->
<key> <!---- KEY (the color box near every legend entry) -->
<size></size> <!---- [16] (Number) key size-->
<border_color></border_color> <!---- [] (hex color code) leave empty if you don't want to have border-->
<key_mark_color></key_mark_color> <!--曲线开关勾的颜色-- [#FFFFFF] (hex color code) key tick mark color -->
</key>
<values> <!---- VALUES -->
<enabled>true</enabled> <!--当鼠标接近曲线时是否在图例处显示值-- [false] (true / false)

whether to show values near legend entries or not -->
<width>44</width> <!---- [80] (Number) width of text field for value -->
<align>left</align> <!---- [right] (right / left) -->
<text><![CDATA[: ${value}]]></text> <!--显示值的格式-- [{value}] ({title} {value} {series} {description} {percents})

You can format any text: {value} will be replaced

with value, {description} - with description and so on.

You can add your own text or html code too. -->
</values>
</legend>

<vertical_lines> <!--折线垂直线(必须在graph 设置中设置<vertical_lines>true</vertical_lines>)--

line chart can also display vertical lines/columns

(set <vertical_lines>true</vertical_lines> in graph settings for that).

If you also set <line_alpha>0</line_alpha> your line chart will become column chart -->
<width></width> <!---- [0] (0 - 100) width of vertical line in percents. 0 for hairline.

Set > 0 if you want to have column -->
<alpha></alpha> <!---- [100] (0 - 100) -->
<clustered></clustered> <!---- [false] in case you have more then one graph with vertical lines enabled,

you might want to place your columns next to each other, set true for that. -->
<mask></mask> <!---- [true] (true / false) as line chart by default starts on axis,

and your column width is >0, then some part of first and last column will be outside

plot area (incase you don't set <start_on_axis>false</false> Mask will cut off the

part outside the plot area. Set to false if you don't want this. -->
</vertical_lines>

<zoom_out_button> <!---- 放大曲线按钮-->
<x></x> <!---- [] (Number / Number% / !Number) x position of zoom out button,

if not defined, will be aligned to right of plot area -->
<y></y> <!---- [] (Number / Number% / !Number) y position of zoom out button,

if not defined, will be aligned to top of plot area -->
<color></color> <!---- [#BBBB00] (hex color code) background color -->
<alpha></alpha> <!---- [0] (0 - 100) background alpha -->
<text_color></text_color> <!---- [text_color] (hex color code) button text and magnifying glass icon color -->
<text_color_hover></text_color_hover> <!---- [#BBBB00] (hex color code) button text and magnifying glass

icon roll over color -->
<text_size></text_size> <!---- [text_size] (Number) button text size -->
<text></text> <!--按钮的显示文本-- [Show all] (text) -->
</zoom_out_button>

<help> <!--帮助按钮和帮助提示-- HELP button and balloon -->
<button> <!--帮助按钮只在气球提示文本有定义时出现-- help button is only visible

if balloon text is defined -->
<x></x> <!---- [] (Number / Number% / !Number) x position of help button,

if not defined, will be aligned to right of chart area -->
<y></y> <!---- [] (Number / Number% / !Number) y position of help button,

if not defined, will be aligned to top of chart area -->
<color></color> <!---- [#000000] (hex color code) background color -->
<alpha></alpha> <!---- [100] (0 - 100) background alpha -->
<text_color></text_color> <!---- [#FFFFFF] (hex color code) button text color -->
<text_color_hover></text_color_hover> <!---- [#BBBB00](hex color code) button text roll over color -->
<text_size></text_size> <!---- [] (Number) button text size -->
<text></text> <!--按钮的显示文本-- [?] (text) -->
</button>
<balloon> <!--帮助提示-- help balloon -->
<color></color> <!---- [#000000] (hex color code) background color -->
<alpha></alpha> <!---- [100] (0 - 100) background alpha -->
<width></width> <!---- [300] (Number) -->
<text_color></text_color> <!---- [#FFFFFF] (hex color code) button text color -->
<text_size></text_size> <!---- [] (Number) button text size -->
<text><![CDATA[]]></text> <!---- [] (text) some html tags may be used

(supports <b>, <i>, <u>, <font>, <br/>.

Enter text between []: <![CDATA[your <b>bold</b> and <i>italic</i> text]]>-->
</balloon>
</help>

<export_as_image> <!--导出为图片参数设置(只在web server有效)export_as_image feature works only on a web server -->
<file></file> <!---- [] (filename)如果再这里设置文件名, flash上下文菜单中将出现

(当用户右键单击flash时) "Export as image" . 这样能让用户导出图表为图像T.

收集图像数据到这个文件 (use ampie/export.php or ampie/export.aspx) -->

<target></target> <!---- [] (_blank, _top ...) target of a window in which export file must be called -->
<x></x> <!---- [0] (Number / Number% / !Number) x position of "Collecting data" text -->
<y></y> <!---- [] (Number / Number% / !Number) y position of "Collecting data" text.

If not set, will be aligned to the bottom of flash movie -->
<color></color> <!---- [#BBBB00] (hex color code) background color of "Collecting data" text -->
<alpha></alpha> <!---- [0] (0 - 100) background alpha -->
<text_color></text_color> <!---- [text_color] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
</export_as_image>

<error_messages> <!--错误消息-- "error_messages" settings will be applied for all error messages except

the one which is showed if settings file wasn't found -->
<enabled></enabled> <!---- [true] (true / false) -->
<x></x> <!---- [] (Number / Number% / !Number) x position of error message.

If not set, will be aligned to the center -->
<y></y> <!---- [] (Number / Number% / !Number) y position of error message.

If not set, will be aligned to the center -->
<color></color> <!---- [#BBBB00] (hex color code) background color of error message.

Separate color codes with comas for gradient -->
<alpha></alpha> <!---- [100] (0 - 100) background alpha -->
<text_color></text_color> <!---- [#FFFFFF] (hex color code) -->
<text_size></text_size> <!---- [text_size] (Number) -->
</error_messages>

<strings> <!----显示的字符串(没有数据、导出图片、数据文件错误等消息)-->
<no_data></no_data> <!---- [No data for selected period] (text) if data for selected period is missing,

this message will be displayed -->
<export_as_image></export_as_image> <!---- [Export as image] (text) text for right click menu -->
<error_in_data_file></error_in_data_file> <!---- [Error in data file] (text) this text is displayed if

there is an error in data file or there is no data in file.

"There is no data" means that there should actually be at

least one space in data file. If data file will be completly empty,

it will display "error loading file" text -->
<collecting_data></collecting_data> <!---- [Collecting data] (text) this text is displayed

while exporting chart to an image -->
<wrong_zoom_value></wrong_zoom_value> <!---- [Incorrect values] (text) this text is displayed

if you set zoom through JavaScript and entered from or

to value was not find between series -->
<!---- the strings below are only important if you format your axis values as durations -->
<ss></ss> <!---- [] unit of seconds -->
<mm></mm> <!---- [:] unit of minutes -->
<hh></hh> <!---- [:] unit of hours -->
<DD></DD> <!---- [d. ] unit of days -->
</strings>

<context_menu> <!--自定义flash右键菜单-- context menu allows you to controll right-click menu items.

You can add custom menu items to create custom controls -->

<!---- "function_name" specifies JavaScript function which will be called when user

clicks on this menu. You can pass variables, for example: function_name="alert('something')" -->
<!---- "title" sets menu item text. Do not use for title: Show all, Zoom in, Zoom out, Print, Settings... -->
<!---- you can have any number of custom menus. Uncomment the line below to enable

this menu and add apropriate JS function to your html file. -->
<!---- <menu function_name="printChart" title="Print chart"></menu> -->

<default_items>
<zoom></zoom> <!---- [false] (true / false) to show or not flash players zoom menu -->
<print></print> <!---- [true] (true / false) to show or not flash players print menu -->
</default_items>
</context_menu>




<labels> <!--自定义标签-- LABELS -->
<!---- you can add as many labels as you want. Some html tags supported: <b>, <i>, <u>, <font>, <a href="file:///C:/DOCUME~1/dxr/LOCALS~1/APPLIC~1/WebSaver/~export/> --> <!---- labels can also be added in data xml file, using exactly the same structure like it is here -->
<label lid="0">
<x></x> <!---- [0] (Number / Number% / !Number) -->
<y>20</y> <!---- [0] (Number / Number% / !Number) -->
<rotate></rotate> <!---- [false] (true / false) -->
<width>520</width> <!---- [] (Number / Number%) if empty, will stretch from left to right untill label fits -->
<align>center</align> <!---- [left] (left / center / right) -->
<text_color></text_color> <!---- [text_color] (hex color code) button text color -->
<text_size></text_size> <!---- [text_size](Number) button text size -->
<text><![CDATA[<b>Historical Crude Oil Prices</b>]]></text> <!---- [] (text) html tags may be used

(supports <b>, <i>, <u>, <font>, <a href="file:///C:/DOCUME~1/dxr/LOCALS~1/APPLIC~1/WebSaver/~export/>,

<br/>. Enter text between []:

<![CDATA[your <b>bold</b> and <i>italic</i> text]]>-->
</label>

</labels>


<graphs><!--曲线设置(可以在数据文件中设置)-- GRAPHS SETTINGS.

These settings can also be specified in data file, as attributes of <graph>,

in this case you can delete everything from <graphs> to </graphs> (including) -->
<!---- It is recommended to have graph settings here if you don't want to mix data with other params -->
<!---- copy <graph>...</graph> (including) as many times as many graphs you have and edit settings individually -->
<!---- if graph settings are defined both here and in data file, the ones from data file are used -->
<graph gid="1"> <!---- if you are using XML data file, graph "gid" must match graph "gid" in data file -->

<axis>left</axis> <!---- [left] (left/ right) indicates which y axis should be used -->
<title>Nominal</title> <!---- [] (graph title) -->
<color>#FFCC00</color> <!---- [] (hex color code) if not defined, uses colors from this array:

#FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 -->
<color_hover></color_hover> <!---- [#BBBB00] (hex color code) -->
<line_alpha></line_alpha> <!---- [100] (0 - 100) -->
<line_width></line_width> <!---- [0] (Number) 0 for hairline -->
<fill_alpha></fill_alpha> <!---- [0] (0 - 100) if you want the chart to be area chart, use bigger than 0 value -->
<fill_color></fill_color> <!---- [grpah.color] (hex color code). Separate color codes with comas for gradient -->
<balloon_color></balloon_color> <!---- [graph color] (hex color code) leave empty to use the same color as graph -->
<balloon_alpha></balloon_alpha> <!---- [100] (0 - 100) -->
<balloon_text_color></balloon_text_color> <!---- [#FFFFFF] (hex color code) -->
<bullet></bullet> <!--子弹形状-- [] (square, round, square_outlined, round_outlined,

square_outline, round_outline, square_outline,

round_outline, filename.swf) can be used predefined bullets

or loaded custom bullets. Leave empty if you don't want to

have bullets at all. Outlined bullets use plot area color

for outline color -->
<!---- The chart will look for this file in "path" folder ("path" is set in HTML) -->
<bullet_size></bullet_size> <!---- [8](Number) affects only predefined bullets, does not change size

of custom loaded bullets -->
<bullet_color></bullet_color> <!---- [graph color] (hex color code) affects only predefined

(square and round) bullets, does not change color of custom

loaded bullets. Leave empty to use the same color as graph -->
<bullet_alpha></bullet_alpha> <!---- [graph alpha] (hex color code) Leave empty to use the same

alpha as graph -->
<hidden></hidden> <!---- [false] (true / false) will not be visible until

you check corresponding checkbox in the legend -->
<selected></selected> <!---- [true] (true / false) if true, balloon indicating value will

be visible then roll over plot area -->
<balloon_text> <![CDATA[${value}]]> </balloon_text> <!---- [<b>{value}</b><br>{description}]

({title} {value} {series} {description} {percents})

You can format any balloon text: {title} will be

replaced with real title, {value} - with value and so on.

You can add your own text or html code too. -->
<data_labels><![CDATA[]]></data_labels> <!---- 曲线是否显示数据,以及显示数据的格式 -->

<!---- [] ({title} {value} {series} {description} {percents}) Data labels

can display value (and more) near your point on the plot area. -->
<!---- to avoid overlapping, data labels, the same as bullets are

not visible if there are more then hide_bullets_count data

points on plot area. -->

<data_labels_text_color></data_labels_text_color> <!---- [text_color] (hex color code) -->
<data_labels_text_size></data_labels_text_size> <!---- [text_size] (Number) -->
<data_labels_position></data_labels_position> <!---- [above] (below / above) -->
<vertical_lines></vertical_lines> <!---- [false] (true / false) whether to draw vertical

lines or not. If you want to show vertical lines

only (without the graph, set line_alpha to 0 -->
<visible_in_legend></visible_in_legend> <!---- [true] (true / false) whether to show legend

entry for this graph or not -->
</graph>

<graph gid="2">
<axis>left</axis>
<title>Inflation adjusted</title>
<color>#999999</color>
<selected></selected>
<balloon_text>
<![CDATA[${value}]]>
</balloon_text>
</graph>
</graphs>

<guides> <!---- guides are straight lines drawn through all plot area at a give value.

Can also be filled with color -->
<max_min></max_min> <!---- [false] (true / false) whether to include guides' values when

calculating min and max of a chart -->
<guide> <!---- there can be any number of quides. guides can also be set in data xml file,

using the same syntax as here -->
<axis></axis> <!---- [left] (left / right) y axis of a guide. There should be at least one graph

assigned to this axis in order guide to be visible -->
<start_value></start_value> <!---- (Number) value at which guide should be placed -->
<end_value></end_value> <!---- (Number) if you set value here too, another quide will be drawn.

If you set fill alpha > 0, then the area between these quides will

be filled with color -->
<title></title> <!---- [] (String) text which will be displayed near the guide -->
<width></width> <!---- [0] (Number) width of a guide line (0 for hairline) -->
<color></color> <!---- [#000000] (hex color code) color of guide line -->
<alpha></alpha> <!---- [100] (0 - 100) opacity of guide line -->
<fill_color></fill_color> <!---- [guide.color] (hex color code) fill color. If not defined,

color of a guide will be used. Separate color codes with comas for gradient -->
<fill_alpha></fill_alpha> <!---- [0] (0 - 100) opacity of a fill -->
<inside></inside> <!---- [values.y_{axis}.inside] whether to place title inside plot area -->
<centered></centered> <!---- [true] (true / false) if you have start and end values defined,

title can be placed in the middle between these values.

If false, it will be placed near start_value -->
<rotate></rotate> <!---- [values.y_{axis}.rotate](0 - 90) angle of rotation of title -->
<text_size></text_size> <!---- [values.y_{axis}.text_size] (Number) -->
<text_color></text_color> <!---- [values.y_{axis}.color](hex color code) -->
<dashed></dashed> <!---- [false] (true / false) -->
<dash_length></dash_length> <!---- [5] (Number) -->
</guide>
</guides>

<!---- DATA can also be set in settings file. Just place data in CSV or XML format between <data></data> -->

<!----<data>
</data> -->
</settings>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
xml <!-- [xml] (xml / csv) 数据类型xml/csv--> ; <!-- 如果使用csv作为数据的话,需要使用这个属性;表示文件数据分隔符,(平常以";"和","为主) [;] (string) csv file data separator (you need it only if you are using csv file for your data) --> 1 <!-- 如果使用的是csv数据,可以设置跳过几行再显示数据,默认为0表示csv中的数据全部显示,大于n(n>0);表示前面n行都不显示[0] (Number) if you are using csv data type, you can set the number of rows which should be skipped here --> <!-- 设置系统中的字体[Arial] (font name) use device fonts, such as Arial, Times New Roman, Tahoma, Verdana... --> <!-- 设置所有文本的大小,默认为11,具体的文本的字体大小也可以在下面的设置中设置[11] (Number) text size of all texts. Every text size can be set individually in the settings below --> <!-- 同上[#000000] (hex color code) main text color. Every text color can be set individually in the settings below--> . <!-- 小数分隔符,默认为[,]注:该属性只是用来显示,而在csv数据文件中,必须使用[.] (string) decimal separator. Note, that this is for displaying data only. Decimals in data xml file must be separated with a dot --> <!-- 千位分隔符,默认为空[ ] (string) thousand separator. use "none" if you don't want to separate --> 3 <!-- 如果百分数格式的数字,后面的小数位小于该属性的值,则在小数后面加0补充。如54.2%,该属性设置为3,那么显示的效果为54.200%。[] (Number) if your value has less digits after decimal then is set here, zeroes will be added --> <!--设置科学记数法的最小值 [0.000001] If absolute value of your number is equal or less then scientific_min, this number will be form
AmChart的实例帮助文档 amcharts 要一个“配置文件”(setting.xml),一个数据文件(amile_data.xml), 一个 SWFObject.js,一个对应的 SWF 就可以生成漂亮的统计报表了 1 SWFObject v1.5的对象结构 view plaincopy to clipboardprint? deconcept util getRequestParameter(_2b) // 取得url参数value。_2b是URL的key。 SWFObjectUtil getPlayerVersion() // 取得版本号对象。major.minor.rev。 cleanupSWFs() // 清除页面上所有元素。 SWFObject(_1, id, w, h, _5, c, _7, _8, _9, _a) // _1: swf,指定SWF文件路径。 // _id: id,或者标签的id。 // w: width,属性width。 // h: height,属性height。 // _5: version,flash版本,默认自动会去读取本地的flash插件版本的。 // c: bgcolor,背景色。 // _7: quality,品质(low, high, autolow, autohigh, best ) 。 // _8: xiRedirectUrl // _9: redirectUrl // _a: url参数key useExpressInstall(_d) // 设置xiSWFPath, useExpressInstall属性 setAttribute(_e, _f) // 设置属性attributes。_e是key,_f是value。 getAttribute(_10)http://www.wendangxiazai.com/b-6b9b1bbcf121dd36a32d82c6.html // 取得属性attributes中的值。_10是key。 addParam(_l1, _l2) // 设置参数params。_l1是key,_l2是value。 getParams() // 取得params。 addVariable(_l3, _l4) // 设置变量variables。_13是key,_14是value。 getVariable(_l5) // 取得变量variables中的值。 getVariables() // 取得变量variables。 getVariablePairs() // 取得变量variables的key=value对数组。 getSWFHTML() // 返回flash嵌入的HTML // 例如: // // src="/amchart/amchart/amcolumn/amcolumn.swf" mce_src="amchart/amchart/amcolumn/amcolumn.swf" // width="520" height="380" // style="undefined" mce_style="undefined" // id="amcolumn" name="amcolumn" // bgcolor="#FFFFFF" // quality="high" // flashvars="path=/amchar/amchar/amcolumn/&settings_file=amcolumn_settings.xml&data_file=amcolumn_data.txt&preloader_color=#000000"/> write(_20) // 写入flash插入的位置。_20可以是id的名称或者是一个dom结点。 PlayerVersion(_29) //http://www.wendangxiazai.com/b-6b9b1bbcf121dd36a32d82c6.html 创建版本号对象。 versionIsValid(fv) // 验证flash插件的当前版本号是否兼容fv的版本号(大于等于)。 getQueryParamValue = deconcept.util.getRequestParameter; FlashObject = deconcept.SWFObject; SWFObject = deconcept.SWFObject;

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值