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>