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> <!-- [;] (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></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 dot --> <thousands_separator></thousands_separator> <!-- [ ] (string) thousand separator. use "none" if you don't want to separate --> <digits_after_decimal>0</digits_after_decimal> <!-- [] (Number) if your value has less digits after decimal then is set here, zeroes will be added --> <redraw></redraw> <!-- [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>5</depth> <!-- [0] (Number) the depth of chart and columns (for 3D effect) --> <angle>25</angle> <!-- [30] (0 - 90) angle of chart area and columns (for 3D effect) --> <indicator> <color>0D8ECF</color> <x_balloon_text_color>FFFFFF</x_balloon_text_color> <line_alpha>50</line_alpha> <selection_color>0D8ECF</selection_color> <selection_alpha>20</selection_alpha> </indicator> <column> <type>stacked</type> <!-- [clustered] (stacked, 100% stacked) --> <width>50</width> <!-- [80] (0 - 100) width of column (in percents) --> <spacing>5</spacing> <!-- [5] (Number) space between columns of one category axis value, in pixels. Negative values can be used. --> <grow_time>1</grow_time> <!-- [0] (Number) grow time in seconds. Leave 0 to appear instantly --> <grow_effect>regular</grow_effect> <!-- [elastic] (elastic, regular, strong) --> <alpha>60</alpha> <!-- [100] (Number) alpha of all columns --> <border_color></border_color> <!-- [#FFFFFF] (hex color code) --> <border_alpha></border_alpha> <!-- [0] (Number) --> <data_labels> <!--[CDATA[{value}]]> <!-- [] ({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> <data_labels_text_color>#920053</data_labels_text_color> <!-- [text_color] (hex color code) --> <data_labels_text_size>10</data_labels_text_size> <!-- [text_size] (Number) --> <data_labels_position>inside</data_labels_position> <!-- [] (, 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 --> <balloon_text> <![CDATA[{value}</b>]]> <!-- [] ({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. --> </balloon_text> <link_target></link_target> <!-- [] (_blank, _top ...) --> <gradient>vertical</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 --> </column> <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, 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[{value}]]> <!-- [] ({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> <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[{value}]]> <!-- [] 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>0</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 amcolumn_path folder (amcolumn_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>30</left> <!-- [60](Number) --> <top>60</top> <!-- [60](Number) --> <right>20</right> <!-- [60](Number) --> <bottom>70</bottom> <!-- [80](Number) --> </margins> </plot_area> <grid> <!-- GRID --> <category> <!-- category axis grid --> <color></color> <!-- [#000000] (hex color code) --> <alpha>10</alpha> <!-- [15] (0 - 100) --> <dashed>true</dashed> <!-- [false](true / false) --> <dash_length></dash_length> <!-- [5] (Number) --> </category> <value> <!-- value axis grid --> <color></color> <!-- [#000000] (hex color code) --> <alpha>10</alpha> <!-- [15] (0 - 100) --> <dashed></dashed> <!-- [false] (true / false) --> <dash_length></dash_length> <!-- [5] (Number) --> <approx_count>10</approx_count> <!-- [10] (Number) approximate number of gridlines --> </value> </grid> <values> <!-- VALUES --> <category> <!-- category axis --> <enabled></enabled> <!-- [true] (true / false) --> <frequency></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>0</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>0</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>90</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>#920053</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>true</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) --> </value> </values> <axes> <!-- axes --> <category> <!-- category axis --> <color></color> <!-- [#000000] (hex color code) --> <alpha>10</alpha> <!-- [100] (0 - 100) --> <width></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>10</alpha> <!-- [100] (0 - 100) --> <width></width> <!-- [2] (Number) line width, 0 for hairline --> <tick_length>5</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) --> <max_width>111</max_width> <border_width>10</border_width> <border_alpha>20</border_alpha> <color></color> <!-- [] (hex color code) balloon background color. If empty, slightly darker then current column color will be used --> <alpha></alpha> <!-- [100] (0 - 100) --> <corner_radius>5</corner_radius> <text_color></text_color> <!-- [0xFFFFFF] (hex color code) --> <text_size>13</text_size> <!-- [text_size] (Number) --> </balloon> <legend> <!-- LEGEND --> <enabled>true</enabled> <!-- 是否显示小图标(曲线)[true] (true / false) --> <graph_on_off>1</graph_on_off> <!-- 可以自由控制曲线是否显示(0 false / 1 true) --> <x>200</x> <!-- [] (Number / Number% / !Number) if empty, will be equal to left margin --> <y>10</y> <!-- [] (Number / Number% / !Number) if empty, will be below plot area --> <width>120</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>0</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>FF0000</text_color> <!-- 小图标后面值颜色[text_color] (hex color code) --> <text_size></text_size> <!-- [text_size] (Number) --> <spacing>5</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>true</reverse_order> <!-- [false] (true / false) whether to sort legend entries in a reverse order --> <align></align> <!-- [left] (left / center / right) alignment of legend entries --> <reverse_order>0</reverse_order> <!-- 小图标排序方式 1为倒序:根据grash倒序 0为正序--> <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> <values> <enabled>1</enabled> <!-- 小图标后面是否显示对应的 类型 数字 0 false / 1 true--> <width>60</width> <!-- 小图标后面对应数字的距离 --> <text>{value}</text> <!-- 小图标后面显示值 --> </values> </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><![CDATA[此报表没有数据.请尝试重新选择条件.]]></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 --> </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>false</zoom> <!-- [true] (true / false) to show or not flash players zoom menu --> <print>false</print> <!-- [true] (true / false) to show or not flash players print menu --> </default_items> </context_menu> <labels> <label> <x>20</x> <y>385</y> <rotate></rotate> <width></width> <align>center</align> <text_color>#000000</text_color> <text_size>10</text_size> <text> <![CDATA[用户注册来源图表]]> </text> </label> <label> <x>90</x> <!-- 标题x轴[0] (Number / Number% / !Number) --> <y>25</y> <!-- 标题y轴[0] (Number / Number% / !Number) --> <rotate></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>#000000</text_color> <!-- 标题颜色[text_color] (hex color code) button text color --> <text_size>16</text_size> <!-- [text_size](Number) button text size --> <text> <!-- [] (text) html tags may be used (supports <b>, <i>, <u>, <font>, <a href="">, <br/>. Enter text between []: <![CDATA[your <b>bold</b> and <i>italic</i> text]]>--> <![CDATA[<b>用户注册来源图表</b>]]> </text> </label> </labels> <guides> <!-- guides are straight lines drawn through all plot area at a give value. Can also be filled with color --> <max_min>true</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>true</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>10</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> <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) --> <graph gid="registerall"> <!-- if you are using XML data file, graph "gid" must match graph "gid" in data file --> <axis></axis> <!-- [left] (left/ right) indicates which y axis should be used --> <title>registerall</title> <!-- [] (graph title) --> <color>#0000FF</color> <!-- [] 线条颜色 (hex color code) if not defined, uses colors from this array: #FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 --> <color_hover>#FF0000</color_hover> <!-- [#BBBB00] 链接颜色 (hex color code) --> <line_alpha>100</line_alpha> <!-- [100] (0 - 100) 是否显示线条, 0-100越大越清晰; 0浓度为0--> <line_width>1</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>90</balloon_alpha> <!-- [100] 提示背景色渐变 (0 - 100) --> <balloon_text_color></balloon_text_color> <!-- [#FFFFFF] 提示文字颜色(hex color code) --> <bullet>round</bullet> <!-- [] 节点显示的方式,例:square(方型),round(圆型) (square, round, square_outlined, round_outlined, 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 amline_path folder (amline_path is set in HTML) --> <bullet_size>0</bullet_size> <!-- [6] 节点显示方式大小渐变 (Number) affects only predefined (square and round) bullets, does not change size of custom loaded bullets --> <bullet_color>#0000FF</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>100</bullet_alpha> <!-- [graph alpha] 节点显示大小渐变,跟上面的差不多啊 (hex color code) Leave empty to use the same alpha as graph --> <hidden></hidden> <!-- [false] 线条是否隐藏 (true / false) vill not be visible until you check corresponding checkbox in the legend --> <selected>true</selected> <!-- [true] (true / false) if true, balloon indicating value will be visible then roll over plot area --> <balloon_text> <![CDATA[<b>{value}</b> (个)用户注册 <b></b>]]> <!-- [<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. --> </balloon_text> <!-- 提示信息:可以显示你想要的任何提示信息,前提是registerGenre.php 将值放了进来! 动态的获得数据--> <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> <data_labels_text_color></data_labels_text_color> <!-- [text_color] 节点颜色 (hex color code) --> <data_labels_text_size>10</data_labels_text_size> <!-- [text_size] 节点字体大小 (Number) --> <data_labels_position></data_labels_position> <!-- [above] 节点数量为0时如何显示 below在X轴下面;above在X轴上面 (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="registeredm"> <!-- if you are using XML data file, graph "gid" must match graph "gid" in data file --> <axis></axis> <!-- [left] (left/ right) indicates which y axis should be used --> <title>registeredm</title> <!-- [] (graph title) --> <color>#00AA00</color> <!-- [] (hex color code) if not defined, uses colors from this array: #FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 --> <color_hover>#FF0000</color_hover> <line_alpha>100</line_alpha> <!-- [100] (0 - 100) --> <balloon_color></balloon_color> <!-- [graph color] (hex color code) leave empty to use the same color as graph --> <balloon_alpha>90</balloon_alpha> <!-- [100] (0 - 100) --> <balloon_text_color></balloon_text_color> <!-- [#FFFFFF] (hex color code) --> <bullet></bullet> <!-- [] (square, round, square_outlined, round_outlined, 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 amline_path folder (amline_path is set in HTML) --> <bullet_size></bullet_size> <!-- [6](Number) affects only predefined (square and round) 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) vill not be visible until you check corresponding checkbox in the legend --> <selected>true</selected> <!-- [true] (true / false) if true, balloon indicating value will be visible then roll over plot area --> <balloon_text> <![CDATA[<b>{value}</b>(个)edm用户注册 <b></b>]]> <!-- [<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. --> </balloon_text> <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> <data_labels_text_color></data_labels_text_color> <!-- [text_color] (hex color code) --> <data_labels_text_size>10</data_labels_text_size> <!-- [text_size] (Number) --> <data_labels_position>below</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> <!-- 单条线是否显示小图标 0 false / 1 true[true] (true / false) whether to show legend entry for this graph or not --> </graph> <graph gid="registeremail"> <!-- if you are using XML data file, graph "gid" must match graph "gid" in data file --> <axis></axis> <!-- [left] (left/ right) indicates which y axis should be used --> <title>registeremail</title> <!-- [] (graph title) --> <color>#33FF00</color> <!-- [] (hex color code) if not defined, uses colors from this array: #FF0000, #0000FF, #00FF00, #FF9900, #CC00CC, #00CCCC, #33FF00, #990000, #000066 --> <color_hover>#FF0000</color_hover> <line_alpha>100</line_alpha> <!-- [100] (0 - 100) --> <balloon_color></balloon_color> <!-- [graph color] (hex color code) leave empty to use the same color as graph --> <balloon_alpha>90</balloon_alpha> <!-- [100] (0 - 100) --> <balloon_text_color></balloon_text_color> <!-- [#FFFFFF] (hex color code) --> <bullet></bullet> <!-- [] (square, round, square_outlined, round_outlined, 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 amline_path folder (amline_path is set in HTML) --> <bullet_size></bullet_size> <!-- [6](Number) affects only predefined (square and round) 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) vill not be visible until you check corresponding checkbox in the legend --> <selected>true</selected> <!-- [true] (true / false) if true, balloon indicating value will be visible then roll over plot area --> <balloon_text> <![CDATA[<b>{value}</b>(个)邮箱确认<b></b>]]> <!-- [<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. --> </balloon_text> <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> <data_labels_text_color></data_labels_text_color> <!-- [text_color] (hex color code) --> <data_labels_text_size>10</data_labels_text_size> <!-- [text_size] (Number) --> <data_labels_position>above</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> <!-- 单条线是否显示小图标 0 false / 1 true[true] (true / false) whether to show legend entry for this graph or not --> </graph> </graphs> <zoom_out_button> <text><![CDATA[还原]]--></text> <color>0D8ECF</color> <alpha>86</alpha> <text_color_hover>FF0F00</text_color_hover> </zoom_out_button> </settings>