zoukankan      html  css  js  c++  java
  • 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 的时候,一定要多看文档,亲手实践 ^ ^



  • 相关阅读:
    DTO vs. Assembly(转载)
    DDD:整理了一些关于验证方面的文章
    幸福框架:模块化开发
    .NET:异常以及异常处理框架探析(转载)
    Azure 基础:Queue Storage
    Azure 基础:File Storage
    Azure 基础:Blob Storage
    Azure 基础:Table storage
    用 IIS 搭建 mercurial server
    Azure 基础:使用 powershell 创建虚拟网络
  • 原文地址:https://www.cnblogs.com/catprayer/p/2043447.html
Copyright © 2011-2022 走看看