| Package | xp.charting |
| Class | public class Chart |
| Inheritance | Chart ChartArea mx.core.UIComponent |
| Implements | IChart, ILegendDataProvider |
| Subclasses | AxisChart, PolarChart |
Default MXML PropertydataProvider
| Property | Defined by | ||
|---|---|---|---|
![]() | background : ChartBackground | ChartArea | |
| borderMetrics : EdgeMetrics [read-only]
Returns an EdgeMetrics object that has four properties:
left, top, right,
and bottom. | Chart | ||
![]() | chartDesc : ChartDesc | ChartArea | |
![]() | chromeMetrics : EdgeMetrics | ChartArea | |
![]() | dataProvider : Object
The source of the chartSeries items.
| ChartArea | |
![]() | debug : Boolean = false [static]
| ChartArea | |
| dropEnabled : Boolean
A flag that indicates whether dragged items can be dropped onto the
control.
| Chart | ||
![]() | foreground : ChartForeground | ChartArea | |
| legendData : Array [read-only]
| Chart | ||
| palette : Palette
[write-only]
| Chart | ||
![]() | series : Array
Get or set the series array
| ChartArea | |
| Property | Defined by | ||
|---|---|---|---|
![]() | _background : ChartBackground | ChartArea | |
![]() | backgroundClass : Class | ChartArea | |
![]() | chartDataProviderChanged : Boolean = false | ChartArea | |
![]() | chartMask : Shape | ChartArea | |
![]() | _dataProvider : ICollectionView | ChartArea | |
![]() | _foreground : ChartForeground | ChartArea | |
![]() | foregroundClass : Class | ChartArea | |
| mouseHitArea : Sprite | Chart | ||
| _palette : Palette | Chart | ||
![]() | _series : Array | ChartArea | |
![]() | seriesChanged : Boolean = false | ChartArea | |
![]() | _seriesContainer : Sprite | ChartArea | |
| Method | Defined by | ||
|---|---|---|---|
|
Chart()
Constructor
| Chart | ||
![]() |
getClassStyleDeclarations():Array
Finds the type selectors for this UIComponent instance.
| ChartArea | |
![]() |
getUnscaledHeight():Number
| ChartArea | |
![]() |
getUnscaledWidth():Number
| ChartArea | |
![]() |
notifyStyleChangeInChildren(styleProp:String, recursive:Boolean):void
| ChartArea | |
![]() |
profile(s:String):void
[static]
| ChartArea | |
| Method | Defined by | ||
|---|---|---|---|
![]() |
commitProperties():void
| ChartArea | |
![]() |
createChart():void
| ChartArea | |
|
createChildren():void
| Chart | ||
![]() |
createChrome():void
| ChartArea | |
|
dragDropHandler(event:DragEvent):void
Handles
DragEvent.DRAG_DROP events. | Chart | ||
|
dragEnterHandler(event:DragEvent):void
Handles
DragEvent.DRAG_ENTER events. | Chart | ||
|
dragExitHandler(event:DragEvent):void
Handles
DragEvent.DRAG_EXIT events. | Chart | ||
|
dragOverHandler(event:DragEvent):void
Handles
DragEvent.DRAG_OVER events. | Chart | ||
| Chart | |||
![]() |
initChart():void
| ChartArea | |
![]() |
initializationComplete():void
| ChartArea | |
![]() |
invalidateSeries():void
| ChartArea | |
|
layoutChrome(unscaledWidth:Number, unscaledHeight:Number):void
| Chart | ||
|
measure():void
| Chart | ||
![]() | ChartArea | ||
![]() |
setDataProvider(value:ICollectionView):void
| ChartArea | |
![]() |
updateChart():void
| ChartArea | |
![]() |
updateChartDataProvider():void
| ChartArea | |
![]() |
updateChartDescriptor():void
| ChartArea | |
![]() |
updateCompleteHandler(e:Event):void
| ChartArea | |
|
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
| Chart | ||
![]() |
updateLayoutDepth():void
| ChartArea | |
![]() |
updateSeries():void
| ChartArea | |
| Style | Description | Defined by | ||
|---|---|---|---|---|
|
backgroundAlpha
| Type: Number CSS Inheritance: no Alpha level of the color defined by the backgroundColor
property, of the image or SWF file defined by the backgroundImage
style.
Valid values range from 0.0 to 1.0.
The default value is 1.0. | Chart | ||
|
backgroundColor
| Type: uint Format: Color CSS Inheritance: no Background color of a component. You can have both a backgroundColor and a
backgroundImage set.
Some components do not have a background.
The DataGrid control ignores this style.
The default value is undefined, which means it is not set.
If both this style and the backgroundImage style
are undefined, the component has a transparent background.
For the Application container, this style specifies the background color while the application loads, and a background gradient while it is running. Flex calculates the gradient pattern between a color slightly darker than the specified color, and a color slightly lighter than the specified color. The default skins of most Flex controls are partially transparent. As a result, the background color of
a container partially "bleeds through" to controls that are in that container. You can avoid this by setting the
alpha values of the control's
<mx:Container backgroundColor="0x66CC66"/>
<mx:ControlName ... fillAlphas="[1,1]"/>
</mx:Container>
| Chart | ||
|
backgroundDisabledColor
| Type: uint Format: Color CSS Inheritance: yes Background color of the component when it is disabled. The global default value is undefined.
The default value for List controls is 0xDDDDDD (light gray).
If a container is disabled, the background is dimmed, and the degree of
dimming is controlled by the disabledOverlayAlpha style.
| Chart | ||
|
backgroundImage
| Type: Object Format: File CSS Inheritance: no Background image of a component. This can be an absolute or relative URL or class. You can either have both a backgroundColor and a
backgroundImage set at the same time. The background image is displayed
on top of the background color.
The default value is undefined, meaning "not set".
If this style and the backgroundColor style are undefined,
the component has a transparent background.
The default skins of most Flex controls are partially transparent. As a result, the background image of
a container partially "bleeds through" to controls that are in that container. You can avoid this by setting the
alpha values of the control's
<mx:Container backgroundColor="0x66CC66"/>
<mx:ControlName ... fillAlphas="[1,1]"/>
</mx:Container>
| Chart | ||
|
backgroundSize
| Type: String CSS Inheritance: no Scales the image specified by backgroundImage
to different percentage sizes.
A value of "100%" stretches the image
to fit the entire component.
To specify a percentage value, you must include the percent sign (%).
The default value is "auto", which maintains
the original size of the image.
| Chart | ||
|
borderAlpha
| Type: Number CSS Inheritance: no Alpha level of the color defined by the borderColor
property.
Valid values range from 0.0 to 1.0.
The default value is 1.0. | Chart | ||
|
borderColor
| Type: uint Format: Color CSS Inheritance: no Color of the border. The default value depends on the component class; if not overridden for the class, the default value is 0xB7BABC.
| Chart | ||
|
borderSides
| Type: String CSS Inheritance: no Bounding box sides. A space-delimited String that specifies the sides of the border to show. The String can contain "left", "top",
"right", and "bottom" in any order.
The default value is "left top right bottom",
which shows all four sides.
This style is only used when borderStyle is "solid".
| Chart | ||
|
borderSkin
| Type: Class CSS Inheritance: no The border skin of the component. The default value is mx.skins.halo.HaloBorder. | Chart | ||
|
borderStyle
| Type: String CSS Inheritance: no Bounding box style. The possible values are "none", "solid",
"inset", and "outset".
The default value depends on the component class;
if not overridden for the class, the default value is "inset".
The default value for most Containers is "none".
| Chart | ||
|
borderThickness
| Type: Number Format: Length CSS Inheritance: no Bounding box thickness. Only used when borderStyle is set to "solid".
The default value is 1. | Chart | ||
|
bottomGutter
| Type: Number Format: Length CSS Inheritance: yes Number of pixels between the container's right border and the right edge of its content area. The default value is 0. | Chart | ||
|
color
| Type: uint Format: Color CSS Inheritance: yes Color of text in the component, including the component label. The default value is 0x0B333C. | Chart | ||
|
cornerRadius
| Type: Number Format: Length CSS Inheritance: no Radius of component corners. The default value depends on the component class; if not overriden for the class, the default value is 0. The default value for ApplicationControlBar is 5. | Chart | ||
|
cursorMode
| Type: String CSS Inheritance: yes | Chart | ||
|
cursorType
| Type: String CSS Inheritance: yes | Chart | ||
|
disabledColor
| Type: uint Format: Color CSS Inheritance: yes Color of text in the component if it is disabled. The default value is 0xAAB3B3. | Chart | ||
|
dropShadowColor
| Type: uint Format: Color CSS Inheritance: yes Color of the drop shadow. The default value is 0x000000. | Chart | ||
|
dropShadowEnabled
| Type: Boolean CSS Inheritance: no Boolean property that specifies whether the component has a visible drop shadow. This style is used with borderStyle="solid".
The default value is false.
Note: For drop shadows to appear on containers, set
| Chart | ||
|
dropShadowEnabled
| Type: Boolean CSS Inheritance: no Boolean property that specifies whether the component has a visible drop shadow. This style is used with borderStyle="solid".
The default value is false.
Note: For drop shadows to appear on containers, set
| Chart | ||
|
fontAntiAliasType
| Type: String CSS Inheritance: yes Sets the antiAliasType property of internal TextFields. The possible values are
"normal" (flash.text.AntiAliasType.NORMAL)
and "advanced" (flash.text.AntiAliasType.ADVANCED).
The default value is This style has no effect for system fonts. This style applies to all the text in a TextField subcontrol; you can't apply it to some characters and not others. The default value is"advanced". | Chart | ||
|
fontFamily
| Type: String CSS Inheritance: yes Name of the font to use. Unlike in a full CSS implementation, comma-separated lists are not supported. You can use any font family name. If you specify a generic font name, it is converted to an appropriate device font. The default value is "Verdana". | Chart | ||
|
fontGridFitType
| Type: String CSS Inheritance: yes Sets the gridFitType property of internal TextFields that represent text in Flex controls.
The possible values are "none" (flash.text.GridFitType.NONE),
"pixel" (flash.text.GridFitType.PIXEL),
and "subpixel" (flash.text.GridFitType.SUBPIXEL).
This property only applies when you are using an embedded FlashType font
and the This style has no effect for system fonts. This style applies to all the text in a TextField subcontrol; you can't apply it to some characters and not others. The default value is"pixel". | Chart | ||
|
fontSharpness
| Type: Number CSS Inheritance: yes Sets the sharpness property of internal TextFields that represent text in Flex controls.
This property specifies the sharpness of the glyph edges. The possible values are Numbers
from -400 through 400.
This property only applies when you are using an embedded FlashType font
and the This style has no effect for system fonts. This style applies to all the text in a TextField subcontrol; you can't apply it to some characters and not others. The default value is0. | Chart | ||
|
fontSize
| Type: Number Format: Length CSS Inheritance: yes Height of the text, in pixels. The default value is 10 for all controls except the ColorPicker control. For the ColorPicker control, the default value is 11. | Chart | ||
|
fontStyle
| Type: String CSS Inheritance: yes Determines whether the text is italic font. Recognized values are "normal" and "italic".
The default value is "normal". | Chart | ||
|
fontThickness
| Type: Number CSS Inheritance: yes Sets the thickness property of internal TextFields that represent text in Flex controls.
This property specifies the thickness of the glyph edges.
The possible values are Numbers from -200 to 200.
This property only applies when you are using an embedded FlashType font
and the This style has no effect on system fonts. This style applies to all the text in a TextField subcontrol; you can't apply it to some characters and not others. The default value is0. | Chart | ||
|
fontWeight
| Type: String CSS Inheritance: yes Determines whether the text is boldface. Recognized values are "normal" and "bold".
For Button controls, the default is "bold".
The default value is "normal". | Chart | ||
|
kerning
| Type: Boolean CSS Inheritance: yes A Boolean value that indicates whether kerning is enabled ( true) or disabled (false).
Kerning adjusts the gap between certain character pairs
to improve readability, and should be used only when necessary,
such as with headings in large fonts.
Kerning is supported for embedded FlashType fonts only.
Certain fonts, such as Verdana, and monospaced fonts,
such as Courier New, do not support kerning.
The default value is false. | Chart | ||
|
leftGutter
| Type: Number Format: Length CSS Inheritance: yes Number of pixels between the container's left border and the left edge of its content area. The default value is 0. | Chart | ||
|
letterSpacing
| Type: Number CSS Inheritance: yes The number of additional pixels to appear between each character. A positive value increases the character spacing beyond the normal spacing, while a negative value decreases it. The default value is 0. | Chart | ||
|
markerRenderer
| Type: xp.charting.IMarkerRenderer CSS Inheritance: yes | Chart | ||
|
markerSize
| Type: int CSS Inheritance: yes | Chart | ||
|
markerStroke
| Type: mx.graphics.IStroke CSS Inheritance: yes | Chart | ||
|
markerType
| Type: String CSS Inheritance: yes | Chart | ||
|
paddingBottom
| Type: Number Format: Length CSS Inheritance: no Number of pixels between the container's right border and the right edge of its content area. The default value is 0. | Chart | ||
|
paddingLeft
| Type: Number Format: Length CSS Inheritance: no Number of pixels between the container's left border and the left edge of its content area. The default value is 0. | Chart | ||
|
paddingRight
| Type: Number Format: Length CSS Inheritance: no Number of pixels between the container's right border and the right edge of its content area. The default value is 0. | Chart | ||
|
paddingTop
| Type: Number Format: Length CSS Inheritance: no Number of pixels between the container's left border and the left edge of its content area. The default value is 0. | Chart | ||
|
paletteAlpha
| Type: Number CSS Inheritance: no Specifies the default fill and stroke alpha to use in the chart palette. The default value is Standard. | Chart | ||
|
paletteColors
| Type: Array CSS Inheritance: no Specifies the colors to use in the chart palette. The default value is Standard. | Chart | ||
|
paletteGradientAngle
| Type: int CSS Inheritance: no Specifies the default angle for gradient fills to use in the chart palette. The default value is Standard. | Chart | ||
|
paletteGradientColor
| Type: uint CSS Inheritance: no Specifies the default alternate color for gradient to use in the chart palette. The default value is Standard. | Chart | ||
|
paletteName
| Type: String CSS Inheritance: no Specifies the name of the palette to be used for this series | Chart | ||
|
paletteStrokeWidth
| Type: int CSS Inheritance: no Specifies the default stroke width to use in the chart palette. The default value is Standard. | Chart | ||
|
plotBackgroundFill
| Type: mx.graphics.IFill CSS Inheritance: no Specifies the border stroke of marker used in the legend item. The default value is 0x000000. | Chart | ||
|
plotBackgroundStroke
| Type: mx.graphics.IStroke CSS Inheritance: no Specifies the border stroke of marker used in the legend item. The default value is 0x000000. | Chart | ||
|
plotBackgroundVisible
| Type: Boolean CSS Inheritance: no Specifies the border stroke of marker used in the legend item. The default value is 0x000000. | Chart | ||
|
rightGutter
| Type: Number Format: Length CSS Inheritance: yes Number of pixels between the container's right border and the right edge of its content area. The default value is 0. | Chart | ||
|
shadowAlpha
| Type: Number CSS Inheritance: no The drop shadow alpha The default value is .8. | Chart | ||
|
shadowColor
| Type: uint Format: Color CSS Inheritance: yes Color of the drop shadow. The default value is 0x000000. | Chart | ||
|
shadowDirection
| Type: String CSS Inheritance: no Direction of the drop shadow. Possible values are "left", "center",
and "right".
The default value is "center". | Chart | ||
|
shadowDirection
| Type: String CSS Inheritance: no Direction of the drop shadow. Possible values are "left", "center",
and "right".
The default value is "center". | Chart | ||
|
shadowDistance
| Type: Number Format: Length CSS Inheritance: no Distance of the drop shadow. If the property is set to a negative value, the shadow appears above the component. The default value is 2. | Chart | ||
|
shadowDistance
| Type: Number Format: Length CSS Inheritance: no Distance of the drop shadow. If the property is set to a negative value, the shadow appears above the component. The default value is 2. | Chart | ||
|
showDataTips
| Type: Boolean CSS Inheritance: yes | Chart | ||
|
showMarkers
| Type: Boolean CSS Inheritance: yes controls whether marker are always shown(if false they are only shown with tooltip) | Chart | ||
|
textAlign
| Type: String CSS Inheritance: yes Alignment of text within a container. Possible values are "left", "right",
or "center".
The default value for most controls is | Chart | ||
|
textDecoration
| Type: String CSS Inheritance: no Determines whether the text is underlined. Possible values are "none" and "underline".
The default value is "none". | Chart | ||
|
textIndent
| Type: Number Format: Length CSS Inheritance: yes Offset of first line of text from the left side of the container, in pixels. The default value is 0. | Chart | ||
|
topGutter
| Type: Number Format: Length CSS Inheritance: yes Number of pixels between the container's left border and the left edge of its content area. The default value is 0. | Chart | ||
| borderMetrics | property |
borderMetrics:EdgeMetrics [read-only]
Returns an EdgeMetrics object that has four properties:
left, top, right,
and bottom.
The value of each property is equal to the thickness of one side
of the border, expressed in pixels.
Unlike viewMetrics, this property is not
overriden by subclasses of Container.
public function get borderMetrics():EdgeMetrics
| dropEnabled | property |
dropEnabled:Boolean [read-write]A flag that indicates whether dragged items can be dropped onto the control.
If you set this property to true,
the control accepts all data formats, and assumes that
the dragged data matches the format of the data in the data provider.
If you want to explicitly check the data format of the data
being dragged, you must handle one or more of the drag events,
such as dragOver, and call the DragEvent's
preventDefault() method to customize
the way the chart class accepts dropped data.
The default value is false.
public function get dropEnabled():Boolean
public function set dropEnabled(value:Boolean):void
| legendData | property |
legendData:Array [read-only]Implementation
public function get legendData():Array
| mouseHitArea | property |
protected var mouseHitArea:Sprite
| _palette | property |
protected var _palette:Palette
| palette | property |
| Chart | () | constructor |
public function Chart()Constructor
| createChildren | () | method |
protected override function createChildren():void
| dragDropHandler | () | method |
protected function dragDropHandler(event:DragEvent):void
Handles DragEvent.DRAG_DROP events. This method hides
the UI feeback by calling the hideDropFeedback() method.
event:DragEvent — The DragEvent object.
|
| dragEnterHandler | () | method |
protected function dragEnterHandler(event:DragEvent):void
Handles DragEvent.DRAG_ENTER events. This method
determines if the DragSource object contains valid elements and uses
the showDropFeedback() method to set up the UI feedback.
event:DragEvent — The DragEvent object.
|
| dragExitHandler | () | method |
protected function dragExitHandler(event:DragEvent):void
Handles DragEvent.DRAG_EXIT events. This method hides
the UI feeback by calling the hideDropFeedback() method.
event:DragEvent — The DragEvent object.
|
| dragOverHandler | () | method |
protected function dragOverHandler(event:DragEvent):void
Handles DragEvent.DRAG_OVER events. This method
determines if the DragSource object contains valid elements and uses
the showDropFeedback() method to set up the UI feeback.
event:DragEvent — The DragEvent object.
|
| getPalette | () | method |
| layoutChrome | () | method |
protected override function layoutChrome(unscaledWidth:Number, unscaledHeight:Number):voidParameters
unscaledWidth:Number |
|
unscaledHeight:Number |
| measure | () | method |
protected override function measure():void
| updateDisplayList | () | method |
protected override function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):voidParameters
unscaledWidth:Number |
|
unscaledHeight:Number |