Amcharts--Chart with scroller

http://blog.youkuaiyun.com/wenjjing2lianee/archive/2010/02/21/5315088.aspx

 

Chart with scroller


官网事例:http://www.amcharts.com/line/chart-with-scroller/

amcharts可以用来做成漂亮的flash报表,jfreecharts能做的图基本上它都可以做出来.

下面主要是对amline_settings.xml这个文件的一些属性进行说明:

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

<!-- 值在[]中, 例如 [#FFFFFF] 如果[]中没有设置参数,则为默认值 -->
<!-- 如果你乐意,你可以删除注释来减少文件尺寸 -->
<!-- ()的值用来描述范围或类型,例如(0-100) or (Integer,String)    -->
<!-- 左上角坐标是 x = 0, y = 0  -->

<settings>

  <skip_rows></skip_rows>跳过前多少行,默认0

  <decimals_separator>,</decimals_separator>小数点分割符

  <digits_after_decimal>2</digits_after_decimal>精确度

  <reload_data_interval></reload_data_interval>动态加载数据间隔时间

  <start_on_axis></start_on_axis>起始从原点开始

<hide_bullets_count>20</hide_bullets_count>                大于20就不显示曲线标志

<!-- [] (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 -->

  <background>

     <alpha></alpha>透明度

  </background> 

  <plot_area>绘图的区域

   ......

  </plot_area>

   <scroller>放大之后,出现的滚动条

   ......

   </scroller>

   <grid>网格

      <x>

        ....

        <approx_count>10</approx_count>x轴的网格线(近似值)

     </x>

     <y_left>

       ....

     </y_left>

   <grid>

   <values>x与y轴上的值

   ......

   </values>

   <axes>坐标轴

   ......

   </axes>

   <indicator>指示器,鼠标跟踪显示

   ....

   </indicator>

   <balloon>像气球一样跟踪鼠标显示坐标值

   </balloon>

   <legend>图例说明

   ....

   <text_color_hover>#000000</text_color_hover> 鼠标悬停在上面的颜色

   </legend>

   <zoom_out_button> 放大之后,还原按扭的位置

   </zoom_out_button>

   <help>

   </help>

   <labels>文字标签

   </labels>

   <graphs>图表显示,根据提供的数据文件显示

       <graph>

          <bullet>round</bullet> 以实心圆圈表示坐标点(还可用其它如:square正文形....)

          .......

          <vertical_lines></vertical_lines>坐标点是否用线连接起来

          <line_alpha>100</line_alpha>                                曲线的透明度,为0曲线不显示 <!-- [100] (0 - 100) -->

          <balloon_text> 跟踪显示的气球里的值
              <![CDATA[<b>${value}</b>]]>$是修饰符                                
           </balloon_text>

       </graph>

   </graphs>

</settings>

xml <!-- [xml] (xml / csv) 数据类型xml/csv--> ; <!-- 如果使用csv作为数据的话,需要使用这个属性;表示文件数据分隔符,(平常以";"和","为主) [;] (string) csv file data separator (you need it only if you are using csv file for your data) --> 1 <!-- 如果使用的是csv数据,可以设置跳过几行再显示数据,默认为0表示csv中的数据全部显示,大于n(n>0);表示前面n行都不显示[0] (Number) if you are using csv data type, you can set the number of rows which should be skipped here --> <!-- 设置系统中的字体[Arial] (font name) use device fonts, such as Arial, Times New Roman, Tahoma, Verdana... --> <!-- 设置所有文本的大小,默认为11,具体的文本的字体大小也可以在下面的设置中设置[11] (Number) text size of all texts. Every text size can be set individually in the settings below --> <!-- 同上[#000000] (hex color code) main text color. Every text color can be set individually in the settings below--> . <!-- 小数分隔符,默认为[,]注:该属性只是用来显示,而在csv数据文件中,必须使用[.] (string) decimal separator. Note, that this is for displaying data only. Decimals in data xml file must be separated with a dot --> <!-- 千位分隔符,默认为空[ ] (string) thousand separator. use "none" if you don't want to separate --> 3 <!-- 如果百分数格式的数字,后面的小数位小于该属性的值,则在小数后面加0补充。如54.2%,该属性设置为3,那么显示的效果为54.200%。[] (Number) if your value has less digits after decimal then is set here, zeroes will be added --> <!--设置科学记数法的最小值 [0.000001] If absolute value of your number is equal or less then scientific_min, this number will be form
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值