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 的时候,一定要多看文档,亲手实践 ^ ^