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. -->
[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
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,
<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>
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 -->
(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) -->
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>
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>
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
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>
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
<![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}]
<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> -->