amCharts 多数据的载入

最近开发需要用到 amCharts,amCharts 在 flash 图表的展示方面还是不错的,flash 和 js 之间的交互性很强,虽然还有其他的很多开源的组件可用,但是总的来说还是 amCharts 比较适合这里的场合。

amCharts 的官网上有一个在线的编辑器,可以加快各种图表的配置速度,也更加的易于理解,很强大,哦?!要问 amCharts 的官网在哪里吗?好吧~~给你一个公式:嘿嘿~

amCharts = Google("amCharts")[0]

amCharts 设置多条数据的同时载入及其展示:

1,多字段的数据文件(csv):

例如:

Date,Open,High,Low,Close,Volume,Adj Close
2008-08-27,2362.86,2395.02,2358.93,2382.46,1540700000,2382.46
2008-08-26,2364.31,2377.04,2345.79,2361.97,1256980000,2361.97
2008-08-25,2399.73,2399.73,2362.20,2365.59,2366920000,2365.59
2008-08-22,2390.34,2417.63,2390.34,2414.71,1365910000,2414.71
2008-08-21,2371.54,2387.72,2360.39,2380.38,1562430000,2380.38

数据文件的第一行作为说明字段,不是实质的字段,相关的配置文件写法:

<data_sets>
   <data_set>
      <csv>
    <!--第一行要跳过-->
        <skip_first_rows>1</skip_first_rows>
        <reverse>true</reverse>
        <separator>,</separator>
        <date_format>YYYY-MM-DD</date_format>
        <!--设置数据字段-->
        <columns>
          <column>date</column>
          <column>open</column>
          <column>high</column>
          <column>low</column>
          <column>close</column>
          <column>volume</column>
        </columns>
      </csv>
   </data_set>
</data_sets>

2,单字段的数据文件(csv),这种情况下其实比较侧重于数据的比较:

例如:

2010-03-03,10794494
2010-03-04,11004453
2010-03-05,11131945
2010-03-06,10956243
2010-03-07,10735777
2010-03-08,10834622
2010-03-09,10957058
2010-03-10,10981289
2010-03-11,10997188
2010-03-12,11003065
2010-03-13,11024381
2010-03-14,11095638
2010-03-15,11177002

可以有多个这样的数据文件:data1.csv, data2,csv, data3,csv …

配置文件的写法:

<settings>
   <data_sets>
      <!-- 1st data set -->
      <data_set>
         <!-- all the 1st data set settings go here -->
	 <file_name>data1.csv</file_name>
      </data_set> 

      <!-- 2nd data set -->
      <data_set>
         <!-- all the 2nd data set settings go here -->
         <file_name>data2.csv</file_name>
      </data_set> 

      <!-- 3rd data set -->
      <data_set>
         <!-- all the 3rd data set settings go here -->
         <file_name>data3.csv</file_name>
      </data_set>
   </data_sets>
</settings>

关于展示图表(chart)字段的配置这两个就大同小异了,配置 amCharts 的时候,一定要多看文档,亲手实践 ^ ^

posted @ 2011-05-11 17:31  无墨来点睛  Views(1479)  Comments(0Edit  收藏  举报