LineSeries--api--form

公共方法
  方法 定义方
   
构造函数。
LineSeries
受保护的方法
  方法 定义方
   
自定义用于表示图表的项呈示器实例。
LineSeries
   
[override]
LineSeries
样式

Styles are either common or associated with a specific theme. If the style is common, it can be used with any theme. If a style is associated with a specific theme, it can only be used if your application uses that theme.

常见样式
  样式 说明 定义方
   
adjustedRadius
类型: Number 格式: Length CSS 继承: yes
指定在突显或选择图表项目时其半径要增加的像素数目。 默认值为 2.
LineSeries
   
fill
类型: mx.graphics.IFill CSS 继承: no
设置此数据系列的填充。您可以指定实现 IFill 接口的对象,也可以指定代表纯颜色值的数字。您还可以使用 CSS 指定实心填充。
LineSeries
   
fills
类型: Array CSS 继承: no
指定用于定义系列中每个项目填充内容的填充对象数组。它优先于 fill 样式属性。如果自定义方法是由 fillFunction 属性指定的,则它优先于此 Array。如果为每个项目提供的 Array 元素不足,则 Flex 将从 Array 的开始部分重复填充。

使用 CSS 设置此属性的值:

    LineSeries {
      fills:#CC66FF, #9966CC, #9999CC;
    }
   

使用 MXML 设置此属性的值:

    <mx:LineSeries ... >
     <mx:fills>
      <mx:SolidColor color="0xCC66FF"/>
      <mx:SolidColor color="0x9966CC"/>
      <mx:SolidColor color="0x9999CC"/>
     </mx:fills>
    </mx:LineSeries>
   

如果您指定了 fills 属性并希望包含 Legend 控件,则必须手动创建 Legend 控件,然后向其中添加 LegendItems。

LineSeries
   
form
类型: String CSS 继承: no
指定图表的线条类型。可能的值包括:
  • "curve":在数据点之间绘制曲线。
  • "horizontal":在第二个点的 y 坐标处仅绘制从第一个点的 x 坐标到第二个点的 x 坐标的垂直线。对每个数据点重复此操作。
  • "vertical":在第二个点的 x 坐标处仅绘制从第一个点的 y 坐标到第二个点的 y 坐标的垂直线。对每个数据点重复此操作。
  • "segment":将线条绘制为连接的线段,使它们呈一定角度以便连接系列的各个数据点。
  • "step":将线条绘制为水平线段。在第一个数据点处,先绘制一条水平线,然后绘制到第二个点的垂直线,并对每个数据点重复此操作。
  • "reverseStep":将线条绘制为水平线段。在第一个数据点处,先绘制一条垂直线,然后绘制到第二个点的水平线,并对每个数据点重复此操作。
默认值为 "segment"
LineSeries
   
itemRenderer
类型: mx.core.IFactory CSS 继承: no
表示系列将用来表示图表上单个项目的类工厂。针对图表中的每个元素实例化此类一次。用作 itemRenderer 的类将实现 IFlexDisplayObject、ISimpleStyleClient 和 IDataRenderer 接口。为 data 属性分配外观实例呈示的 chartItem。
LineSeries
   
legendMarkerRenderer
类型: mx.core.IFactory CSS 继承: no
系列用来在任何关联图例中呈示该系列标记的类。如果此样式为 null,则大多数系列将默认改为使用其 itemRenderer 作为图例标记外观。用作图例标记的类应实现 IFlexDisplayObject 接口、ISimpleStyleClient 和 IDataRenderer 接口(可选)。如果用作图例标记的类实现 IDataRenderer 接口,则为该 data 属性分配 LegendData 实例。
LineSeries
   
lineSegmentRenderer
类型: mx.core.IFactory CSS 继承: no
表示系列用于表示系列中各线段的类的类工厂。此类针对系列的每个不同线段都进行一次实例化。用作 lineSegmentRenderer 的类应实现 IFlexDisplayObject、ISimpleStyleClient 和 IDataRenderer 接口。为 data 属性分配描述要呈示的线段的 mx.charts.series.items.LineSeriesSegment 实例。
LineSeries
   
lineStroke
类型: mx.graphics.IStroke CSS 继承: no
设置实际线段的笔触。LineChart 控件的默认值为橙色 (0xE48701)。在 CartesianChart 控件中使用的 LineSeries 的默认颜色为黑色 (0x000000)。宽度的默认值为 3。
LineSeries
   
radius
类型: Number 格式: Length CSS 继承: no
指定数据点的图表元素的半径(以像素为单位)。仅当使用 itemRenderer 属性指定项呈示器时,才会应用此属性。您可以通过 MXML 或使用样式来指定 itemRenderer。 默认值为 4.
LineSeries
   
stroke
类型: mx.graphics.IStroke CSS 继承: no
设置此数据系列的笔触样式。必须指定某个 Stroke 对象来定义笔触。
LineSeries
Spark 主题样式
Halo 主题样式
属性详细信息

fillFunction

属性
fillFunction:Function

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: 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

属性 
horizontalAxis:IAxis

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: 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

属性 
interpolateValues:Boolean

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

指定如何表示丢失的数据。

设置为 false 可在丢失值处换行。设置为 true 可通过插补丢失的值绘制一条连续线条。

默认值为 false。



实现 
    public function get interpolateValues():Boolean
    public function set interpolateValues(value:Boolean):void

items

属性 
items:Array  [只读] [override]

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1



实现 
    override public function get items():Array

itemType

属性 
itemType:Class  [只读]

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

此系列用于表示各项目的 ChartItem 的子类型。如果子类需要在项目中存储其他信息,则可以覆盖和返回更特定化的类。



实现 
    protected function get itemType():Class

lineSegmentType

属性 
lineSegmentType:Class  [只读]

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

此系列使用该类存储表示线段必需的所有数据。如果子类需要存储其他信息以供显示,则可以覆盖和返回更特定化的类。



实现 
    protected function get lineSegmentType():Class

moduleFactory

属性 
moduleFactory:IFlexModuleFactory[override]

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1



实现 
    override public function get moduleFactory():IFlexModuleFactory
    override public function set moduleFactory(value:IFlexModuleFactory):void

radius

属性 
radius:Number

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

指定数据点的图表元素的半径(以像素为单位)。仅当使用 itemRenderer 属性指定项呈示器时,才会应用此属性。您可以通过 MXML 或使用样式来指定 itemRenderer

默认值为 0。



实现 
    public function get radius():Number
    public function set radius(value:Number):void

renderDataType

属性 
renderDataType:Class  [只读]

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

此系列用于存储所有必须呈示的数据的 ChartRenderData 子类型。如果子类需要存储其他信息以供显示,则可以覆盖和返回更特定化的类。



实现 
    protected function get renderDataType():Class

sortOnXField

属性 
sortOnXField:Boolean

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

在呈示之前请求从左到右对线段数据点进行排序。

默认情况下,LineSeries 从左到右显示点。将此属性设置为 false 可使项目按照在数据提供程序中的显示顺序呈示。

默认值为 true。



实现 
    public function get sortOnXField():Boolean
    public function set sortOnXField(value:Boolean):void

verticalAxis

属性 
verticalAxis:IAxis

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: 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

属性 
xField:String

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

指定用于确定每个数据点的 x 轴位置的数据提供程序字段。如果为 null,则数据点将按照在数据提供程序中的显示顺序呈示。

默认值为 null。



实现 
    public function get xField():String
    public function set xField(value:String):void

yField

属性 
yField:String

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

指定用于确定每个数据点的 y 轴位置的数据提供程序字段。如果为 null,则 LineSeries 将假定数据提供程序为数字 Array,并使用这些数字作为值。

默认值为 null。



实现 
    public function get yField():String
    public function set yField(value:String):void
构造函数详细信息

LineSeries

() 构造函数
public function LineSeries()

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

构造函数。

方法详细信息

applyItemRendererProperties

() 方法
protected function applyItemRendererProperties(instance:DisplayObject, cache:InstanceCache):void

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

自定义用于表示图表的项呈示器实例。如果在呈示图表时需要新的项呈示器,则会自动调用此方法。您可以覆盖此方法以根据需要添加自己的自定义方法。

参数

 instance:DisplayObject — 正在创建的新项呈示器实例。
 
 cache:InstanceCache — 用于管理项呈示器实例的 InstanceCache。

commitProperties

() 方法 
override protected function commitProperties():void

语言版本: ActionScript 3.0
产品版本: Flex 3
运行时版本: Flash Player 9, AIR 1.1

示例  (  如何使用本示例  )
Line_AreaChartExample.mxml
<?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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值