| メソッド | プロパティ | エフェクト | イベント | スタイル | フレームあり | フレームなし |
直接の既知のサブクラス
ChartBase クラスは、Flex のコンポーネントアーキテクチャと ChartComponent アーキテクチャの間のリンクです。ChartBase クラスは Flex の基本クラス UIComponent を拡張しますが、ChartComponent の各クラスは ChartBase クラスに含まれています。
通常、ChartBase クラスを直接使用することはありません。代わりに、そのサブクラス (PlotChart または BubbleChart など) の 1 つを使用します。このクラスは、mx.charts パッケージで提供される一般的なグラフタイプの基本クラスとして機能します。
このクラスは、フレームワークの一般的な機能に簡単にアクセスするための CSS スタイルおよび CSS プロパティの数を定義します。
グラフの最小サイズは 20 x 20 ピクセルです。
グラフの最大サイズに制限はありません。
グラフの推奨サイズは 400 x 400 ピクセルです。
ChartBase オブジェクトおよびそのサブクラスは、グラフ内でマウスポインタから最も近いデータポイントを表す追加のデータを提供することで、通常のマウスイベントオブジェクトを拡張します。マウスイベントのイベントオブジェクトには追加のプロパティである hitData が含まれています。このプロパティには最も近いデータポイントを表す HitData オブジェクトが含まれています。HitData オブジェクトの内容の詳細については、mx.charts.HitData を参照してください。
ChartBase オブジェクトは、マウスポインタから一定の範囲内にあるデータポイントのみを考慮します。この範囲は mouseSensitivity プロパティを使用して設定できます。
mouseSensitivity で設定した範囲内にデータポイントがない場合、event.hitData は null です。
ChartBase から継承される一般的な MXML シンタックス
Flex コンポーネントが ChartBase クラスから継承するプロパティは次のとおりです。
<mx:tagname
annotationElements="No default"
backgroundElements="No default"
clipContent="false|true"
dataProvider="No default"
mouseSensitivity="3"
series="No default"
showDataTips="true|false"
mouseClickData="Event; No default"
mouseDown="Event; No default"
mouseMove="Event; No default"
mouseMoveData="Event; No default"
mouseOut="Event; No default"
mouseOutData="Event; No default"
mouseOver="Event; No default"
mouseOverData="Event; No default"
mouseUp="Event; No default"
chartSeriesStyle="Style; No default"
fill="Fill; No default"
marginBottom="No default"
marginTop="No default"
>
関連項目
mx.charts.HitData
mx.charts.CategoryAxis
mx.charts.LinearAxis
| メソッド | |
| dataTipFunction
値から DataTips を生成するために使用されるコールバックメソッドを指定します。 |
| findDataPoint( x:Number, y:Number)
: mx.charts.HitData メソッドに渡された座標に最も近いデータポイントを表す HitData オブジェクトを返します。 |
| mx.core.UIComponent クラスから継承されるメソッド |
drawFocus getFocus getFocusManager setEnabled setFocus |
| プロパティ | |
| annotationElements:Arrayグラフによってレンダリングされるデータ系列の一番上に表示される ChartElements の配列を設定します。 |
| backgroundElements:Array グラフによってレンダリングされるデータ系列の一番下に表示される背景グラフエレメントの配列を設定します。 |
| clipContent:Boolean軸で割り当てられている領域に合わせてグラフを切り取るかを決定します。 |
| dataProvider:Objectグラフの dataProvider を指定します。 |
| mouseSensitivity:Numberマウスポインタをグラフ上で移動させたときに、データポイントがマウスポインタの下にあると Flex で判断するための距離をピクセル単位で指定します。 |
| series:Array グラフのデータを定義する Series オブジェクトの配列です。 |
| showDataTips:Booleanグラフの DataTip コントロールを Flex で表示するかどうかを指定します。 |
| mx.core.UIComponent クラスから継承されるプロパティ |
enabled errorString tabEnabled tabIndex version |
| エフェクト |
| mx.core.UIComponent クラスから継承されるエフェクト |
focusInEffect focusOutEffect |
| mx.core.UIObject クラスから継承されるエフェクト |
creationCompleteEffect hideEffect mouseDownEffect mouseOutEffect mouseOverEffect mouseUpEffect moveEffect resizeEffect showEffect |
| イベント | |
mouseClickData | マウスをクリックしたときにマウスポインタの下にデータポイントが見つかるとブロードキャストされます。mouseSensitivity プロパティで指定された範囲内のデータポイントのみが考慮されます。 |
mouseDown | カーソルがコンポーネント上にあり、ユーザーがマウスボタンをクリックしたときにブロードキャストします。 |
mouseMove | ユーザーがコンポーネント上にあるマウスを移動したときにブロードキャストします。 |
mouseMoveData | マウスがデータポイント上にあるときにマウスポインタが移動するとブロードキャストされます。mouseSensitivity プロパティで指定された範囲内のデータポイントのみが考慮されます。 |
mouseOut | ユーザーがコンポーネントの外部にカーソルを移動したときにブロードキャストします。 |
mouseOutData | マウスポインタから最も近いデータポイントが変わるとブロードキャストされます。mouseSensitivity プロパティで指定された範囲内のデータポイントのみが考慮されます。 |
mouseOver | ユーザーがコンポーネント上でカーソルを移動したときにブロードキャストします。 |
mouseOverData | マウスポインタの下に新しいデータポイントが見つかるとブロードキャストされます。mouseSensitivity プロパティで指定された範囲内のデータポイントのみが考慮されます。 |
mouseUp | カーソルがコンポーネント上にあり、ユーザーがマウスボタンを離したときにブロードキャストされます。 |
| mx.core.UIComponent クラスから継承されるイベント |
focusIn focusOut invalid keyDown keyUp valid valueCommitted |
| スタイル | |
chartSeriesStyles | 型 : Array CSS の継承 : なしストリングのリストが含まれており、それぞれのストリングはデータ系列のデフォルトの CSS スタイルとして使用される CSS タイプセレクタに対応します。グラフ内の各データ系列は、chartSeriesStyles スタイルに格納されているリストから CSS タイプセレクタを描画します。最初のデータ系列は最初のセレクタを、2 番目の系列は 2 番目のセレクタを使用し、以下も同様です。タイプセレクタ内のスタイルプロパティは、データ系列に styleName プロパティを指定することによりオーバーライドできます。 |
fill | CSS の継承 : なしグラフの背景に使用される塗りのスタイルを指定します。これは単純なカラー値でも、mx.graphics.Fill インターフェイスを実装するオブジェクトでもかまいません。 |
marginBottom | 型 : Number 形式 : Length CSS の継承 : なしグラフの下の境界とそのコンテンツ領域との間隔をピクセル数で指定します。 |
marginTop | 型 : Number 形式 : Length CSS の継承 : なしグラフの上の境界とそのコンテンツ領域との間隔をピクセル数で指定します。 |
| mx.core.UIObject クラスから継承されるスタイル |
color fontFamily fontSize fontStyle fontWeight horizontalGap leading marginLeft marginRight textAlign textDecoration textIndent verticalGap |
| メソッドの詳細 |
dataTipFunction( )
function dataTipFunction(event:Object)このイベントオブジェクトには hitData プロパティがあり、このプロパティはデータポイントを示す HitData オブジェクトが含みます。
findDataPoint( x:Number, y:Number)
: mx.charts.HitData
x および y の引数は、ChartBase の座標系の値である必要があります。このメソッドは、近くにあるデータポイントを探す際に、ChartBase オブジェクトの mouseSensitivity プロパティで指定された制限に準拠します。mouseSensitivity のピクセル値内で最も近いデータポイントを表す HitData オブジェクトを返します。
パラメータ
x:Number - ChartBase オブジェクトを基準にした x 座標を表します。
y:Number - ChartBase オブジェクトを基準にした y 座標を表します。
関連項目
mx.charts.HitData
| プロパティの詳細 |
annotationElements:Array
backgroundElements:Array
clipContent:Boolean
false に設定します。データをレンダリングしたときにグラフが切り取られないようにする場合は、true に設定します。
dataProvider:Object
このプロパティは配列や、dataProvider API を実装する他のオブジェクトも受け入れます。
mouseSensitivity:Number
mouseSensitivity で指定したピクセル値の範囲内にあるデータポイントはすべてマウスポインタの下にあるものと見なされます。この値は findDataPoint メソッドでも使用されます。デフォルト値は 3 ピクセルです。
series:Array
showDataTips:Boolean
DataTip コントロールは、dataTipFunction プロパティを使用してカスタマイズできます。