Chart.doc

Flexchart学习笔记(2008-12-2618:01:04)

1.chart：总体控制
2.series：定义什么样的数据来展示，x,y轴分别显示什么数据。它是包含相应的seriesItem的Array。SeriesItem封装了极值点，填充方式，xy数据等。
3.series中displayName属性控制tooltip
4.barest->barseries,columnset->columnset
5.categoryAxis将某列数据映射到轴上
linerAxis自定义轴数据，最大值和最小值
logAxis用对数形式
datetimeAxis
6.通过axixrender更改轴的外观specifiedbythehorizontalAxisRenderersorverticalAxisRenderers
7.chartdata的数据源：
scriptblock，xml，remoteobject，webservice，Httpservice，MXML
数据源类型：
（1）staticArray
privatevarexpenses:Array=[
{Month:"January",Profit:2000,Expenses:1500,Amount:450},
{Month:"February",Profit:1000,Expenses:200,Amount:600},
{Month:"March",Profit:1500,Expenses:500,Amount:300},
{Month:"April",Profit:500,Expenses:300,Amount:500},
{Month:"May",Profit:1000,Expenses:450,Amount:250},
{Month:"June",Profit:2000,Expenses:500,Amount:700}
];
（1）MXML：
<mx:Arrayid="expenses">
<mx:Object
Month="January"
Profit="2000"
Expenses="1500"
Amount="450"
/>
<mx:Object
Month="February"
Profit="1000"
Expenses="200"
Amount="600"
/>
<mx:Object
Month="June"
Profit="2000"
Expenses="500"
Amount="700"
/>
</mx:Array>
或者
<mx:Arrayid="expenses">
<mx:Object>
<mx:Month>January</mx:Month>
<mx:Profit>2000</mx:Profit>
<mx:Expenses>1500</mx:Expenses>
<mx:Amount>450</mx:Amount>
</mx:Object>
<mx:Object>
<mx:Month>June</mx:Month>
<mx:Profit>2000</mx:Profit>
<mx:Expenses>500</mx:Expenses>
<mx:Amount>700</mx:Amount>
</mx:Object>
</mx:Array>
（2）collection
可以排序，增删，过滤。并且和图可以绑定同步。
<mx:ArrayCollectionid="expenses">
<mx:Object>
<mx:Month>January</mx:Month>
<mx:Profit>2000</mx:Profit>
<mx:Expenses>1500</mx:Expenses>
<mx:Amount>450</mx:Amount>
</mx:Object>
<mx:Month>May</mx:Month>
<mx:Profit>1000</mx:Profit>
<mx:Expenses>450</mx:Expenses>
<mx:Amount>250</mx:Amount>
</mx:Object>
<mx:Object>
<mx:Month>June</mx:Month>
<mx:Profit>2000</mx:Profit>
<mx:Expenses>500</mx:Expenses>
<mx:Amount>700</mx:Amount>
</mx:Object>
</mx:ArrayCollection>
（3）随机数据Math.Random
（4）结构化数据：例如memory例子。
8．Areachart：
form属性决定形式:segment,step,reverSegment,vertical,horizontal
8.paddin