fillFunction:Function
运行时版本: | Flash Player 9, AIR 1.1 |
指定返回系列中当前图表项目的填充的方法。如果已设置此属性,则自定义填充函数返回的值将优先于 fill
和 fills
样式属性。但是,如果返回 null,则在该顺序中将优先选择fills
和 fill
。
自定义 fillFunction
包含以下签名:
function_name (item:ChartItem, index:Number):IFill { ... }
item
表示对要呈示的图表项目的引用。
index
表示 renderData 的缓存中的图表项目的索引。这与图表的数据提供程序的索引不同,因为后者是基于 x、y 和 z 值进行排序的。此函数将返回实现
IFill
接口的对象。
自定义的 fillFunction
的使用示例是基于某些阈值返回填充。
实现
public function get fillFunction():Function
public function set fillFunction(value:Function):void
示例
如何使用本示例
public function myFillFunction(item:ChartItem, index:Number):IFill {
var curItem:LineSeriesItem = LineSeriesItem(item);
if (curItem.yNumber > 10)
return(new SolidColor(0x123456, .75));
else
return(new SolidColor(0x563412, .75));
}
如果您为图表系列指定了自定义填充函数,并希望包含 Legend 控件,则必须手动创建 Legend 控件,然后向其中添加 LegendItems。
horizontalAxis:IAxis
运行时版本: | Flash Player 9, AIR 1.1 |
为 x 轴上的项定义标签、刻度线和数据位置。使用 LinearAxis 类或 CategoryAxis 类可以设置 horizontalAxis 的属性,将其作为 MXML 中的子标签,或者在 ActionScript 中创建一个 LinearAxis 或 CategoryAxis 对象。
实现
public function get horizontalAxis():IAxis
public function set horizontalAxis(value:IAxis):void
interpolateValues:Boolean
运行时版本: | Flash Player 9, AIR 1.1 |
指定如何表示丢失的数据。
设置为 false
可在丢失值处换行。设置为 true
可通过插补丢失的值绘制一条连续线条。
默认值为 false。
实现
public function get interpolateValues():Boolean
public function set interpolateValues(value:Boolean):void
items:Array
[只读] [override]
运行时版本: | Flash Player 9, AIR 1.1 |
实现
override public function get items():Array
itemType:Class
[只读]
运行时版本: | Flash Player 9, AIR 1.1 |
此系列用于表示各项目的 ChartItem 的子类型。如果子类需要在项目中存储其他信息,则可以覆盖和返回更特定化的类。
实现
protected function get itemType():Class
lineSegmentType:Class
[只读]
运行时版本: | Flash Player 9, AIR 1.1 |
此系列使用该类存储表示线段必需的所有数据。如果子类需要存储其他信息以供显示,则可以覆盖和返回更特定化的类。
实现
protected function get lineSegmentType():Class
moduleFactory:IFlexModuleFactory
[override]
运行时版本: | Flash Player 9, AIR 1.1 |
实现
override public function get moduleFactory():IFlexModuleFactory
override public function set moduleFactory(value:IFlexModuleFactory):void
radius:Number
运行时版本: | Flash Player 9, AIR 1.1 |
指定数据点的图表元素的半径(以像素为单位)。仅当使用 itemRenderer
属性指定项呈示器时,才会应用此属性。您可以通过 MXML 或使用样式来指定 itemRenderer
。
默认值为 0。
实现
public function get radius():Number
public function set radius(value:Number):void
renderDataType:Class
[只读]
运行时版本: | Flash Player 9, AIR 1.1 |
此系列用于存储所有必须呈示的数据的 ChartRenderData 子类型。如果子类需要存储其他信息以供显示,则可以覆盖和返回更特定化的类。
实现
protected function get renderDataType():Class
sortOnXField:Boolean
运行时版本: | Flash Player 9, AIR 1.1 |
在呈示之前请求从左到右对线段数据点进行排序。
默认情况下,LineSeries 从左到右显示点。将此属性设置为 false
可使项目按照在数据提供程序中的显示顺序呈示。
默认值为 true。
实现
public function get sortOnXField():Boolean
public function set sortOnXField(value:Boolean):void
verticalAxis:IAxis
运行时版本: | Flash Player 9, AIR 1.1 |
为 y 轴上的项目定义标签、刻度线和数据位置。使用 LinearAxis 类或 CategoryAxis 类可将 verticalAxis 的属性设置为 MXML 中的子标签,也可以在 ActionScript 中创建 LinearAxis 或 CategoryAxis 对象。
实现
public function get verticalAxis():IAxis
public function set verticalAxis(value:IAxis):void
xField:String
运行时版本: | Flash Player 9, AIR 1.1 |
指定用于确定每个数据点的 x 轴位置的数据提供程序字段。如果为 null
,则数据点将按照在数据提供程序中的显示顺序呈示。
默认值为 null。
实现
public function get xField():String
public function set xField(value:String):void
yField:String
运行时版本: | Flash Player 9, AIR 1.1 |
指定用于确定每个数据点的 y 轴位置的数据提供程序字段。如果为 null
,则 LineSeries 将假定数据提供程序为数字 Array,并使用这些数字作为值。
默认值为 null。
实现
public function get yField():String
public function set yField(value:String):void
public function LineSeries()
运行时版本: | Flash Player 9, AIR 1.1 |
构造函数。
protected function applyItemRendererProperties(instance:DisplayObject, cache:InstanceCache):void
运行时版本: | Flash Player 9, AIR 1.1 |
自定义用于表示图表的项呈示器实例。如果在呈示图表时需要新的项呈示器,则会自动调用此方法。您可以覆盖此方法以根据需要添加自己的自定义方法。
参数
override protected function commitProperties():void
运行时版本: | Flash Player 9, AIR 1.1 |
<?xml version="1.0"?>
<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var expensesAC:ArrayCollection = new ArrayCollection( [
{ Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
{ Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
{ Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
{ Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
{ Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
]]>
</fx:Script>
<fx:Declarations>
<!-- Define custom colors for use as fills in the AreaChart control. -->
<mx:SolidColor id="sc1" color="blue" alpha=".3"/>
<mx:SolidColor id="sc2" color="red" alpha=".3"/>
<mx:SolidColor id="sc3" color="green" alpha=".3"/>
<!-- Define custom Strokes. -->
<mx:SolidColorStroke id = "s1" color="blue" weight="2"/>
<mx:SolidColorStroke id = "s2" color="red" weight="2"/>
<mx:SolidColorStroke id = "s3" color="green" weight="2"/>
</fx:Declarations>
<mx:Panel title="LineChart and AreaChart Controls Example"
height="100%" width="100%" layout="horizontal">
<mx:LineChart id="linechart" height="100%" width="45%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{expensesAC}">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Month"/>
</mx:horizontalAxis>
<mx:series>
<mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
<mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
<mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
</mx:series>
</mx:LineChart>
<mx:Legend dataProvider="{linechart}"/>
<mx:AreaChart id="Areachart" height="100%" width="45%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{expensesAC}">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Month"/>
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
<mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
<mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
</mx:series>
</mx:AreaChart>
<mx:Legend dataProvider="{Areachart}"/>
</mx:Panel>
</s:Application>