メソッド | プロパティ | エフェクト | イベント | スタイル | フレームあり | フレームなし

mx.charts
ColumnChart クラス

継承を示す線継承を示す線継承を示す線継承を示す線


ColumnChart クラス
mx.charts.chartClasses.CartesianChart の拡張

ColumnChart コントロールは、データの値によって高さが決まる一連の縦棒でデータを表す場合に使用します。ColumnChart を使用すると、単純縦棒グラフ、集合縦棒グラフ、積み上げ縦棒グラフ、構成比縦棒グラフ、高低縦棒グラフなど、各種の縦棒グラフを表すことができます。

ColumnChart コントロールでは、series プロパティに ColumnSeries オブジェクトの配列が含まれている必要があります。
積み上げ縦棒グラフおよび構成比縦棒グラフは、ColumnSeries オブジェクトの minField プロパティをオーバーライドします。

MXML シンタックス

<mx:ColumnChart> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。

 <mx:ColumnChart
type="clustered|overlaid|stacked|100%"
columnWidthRatio=".65"
maxColumnWidth="No default"
/>

を参照するにはここをクリックしてください

関連項目
    series.ColumnSeries



メソッド

mx.charts.chartClasses.ChartBase クラスから継承されるメソッド
dataTipFunction   findDataPoint  

クラスmx.core.UIComponent クラスから継承されるメソッド
drawFocus   getFocus   getFocusManager   setEnabled   setFocus  

mx.core.UIObject クラスから継承されるメソッド
addEventListener   applyProperties   buildDepthTable   commitProperties   constructObject2   createAccessibilityImplementation   createChildAtDepth   createChildren   createClassChildAtDepth   createClassObject   createEmptyObject   destroyObject   dispatchEvent   doLater   draw   drawRect   executeBindings   fillRect   findNextAvailableDepth   getRepeaterItem   getStyle   handleEvent   init   invalidate   invalidateLayout   invalidateProperties   invalidateSize   invalidateStyle   layoutChildren   measure   move   redraw   removeEventListener   setDepthAbove   setDepthBelow   setMask   setSize   setSizeNoLayout   setStyle   swapDepths  



プロパティ
       type:String
縦棒グラフの種類を表します。

mx.charts.chartClasses.CartesianChart クラスから継承されるプロパティ
horizontalAxis   horizontalAxisRenderer   verticalAxis   verticalAxisRenderer  

mx.charts.chartClasses.ChartBase クラスから継承されるプロパティ
annotationElements   backgroundElements   clipContent   dataProvider   mouseSensitivity   series   showDataTips  

mx.core.UIComponent クラスから継承されるプロパティ
enabled   errorString   tabEnabled   tabIndex   version  

mx.core.UIObject クラスから継承されるプロパティ
alpha   baselinePosition   className   depth   documentDescriptor   height   heightFlex   id   instanceIndices   isDocument   kStretch   layoutHeight   layoutWidth   maxHeight   maxWidth   minHeight   minWidth   mouseX   mouseY   nestLevel   oldHeight   oldWidth   oldX   oldY   parent   parentApplication   parentDocument   percentHeight   percentWidth   preferredHeight   preferredWidth   repeaterIndices   scaleX   scaleY   styleName   tabEnabled   toolTip   version   visible   width   widthFlex   x   y  



エフェクト

mx.core.UIComponent クラスから継承されるエフェクト
focusInEffect   focusOutEffect  

mx.core.UIObject クラスから継承されるエフェクト
creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect  



イベント

mx.charts.chartClasses.ChartBase クラスから継承されるイベント
mouseClickData  mouseDown  mouseMove  mouseMoveData  mouseOut  mouseOutData  mouseOver  mouseOverData  mouseUp 

mx.core.UIComponent クラスから継承されるイベント
focusIn  focusOut  invalid  keyDown  keyUp  valid  valueCommitted 

mx.core.UIObject クラスから継承されるイベント
creationComplete  dragComplete  dragDrop  dragEnter  dragExit  dragOver  draw  effectEnd  effectStart  hide  hideToolTip  initialize  load  mouseChangeSomewhere  mouseDown  mouseDownSomewhere  mouseMove  mouseMoveSomewhere  mouseOut  mouseOver  mouseUp  mouseUpSomewhere  move  resize  show  showToolTip  unload 



スタイル
columnWidthRatio型 : Number  
縦棒を描画する際の、カテゴリの幅を基準にした棒の比率を指定します。0 ~ 1 の範囲内のパーセンテージで表します。値が 1 の場合は領域全体が使用され、.6 の場合は縦棒の使用可能領域の 60% が使用されます。実際の縦棒の幅には、columnWidthRatio プロパティと maxColumnWidth プロパティの値のうち小さい方が使用されます。集合縦棒グラフの場合、この領域が各集合内の縦棒によって均等に分割されます。

デフォルトは .65 です。
maxColumnWidth型 : Number  
描画する縦棒の幅をピクセル単位で指定します。実際の縦棒の幅には、このプロパティと columnWidthRatio プロパティの値のうち小さい方が使用されます。集合縦棒グラフの場合、このスペースが各集合内の縦棒によって均等に分割されます。

mx.charts.chartClasses.CartesianChart クラスから継承されるスタイル
axisTitleStyle   gutterBottom   gutterLeft   gutterRight   gutterTop   horizontalAxisStyle   verticalAxisStyle  

mx.charts.chartClasses.ChartBase クラスから継承されるスタイル
chartSeriesStyles   fill   marginBottom   marginTop  

mx.core.UIComponent クラスから継承されるスタイル
backgroundAlpha   backgroundColor   backgroundDisabledColor   backgroundImage   backgroundSize   barColor   borderCapColor   borderColor   borderSides   borderStyle   borderThickness   cornerRadius   disabledColor   dropShadow   errorColor   fillColors   highlightColor   modalTransparency   scrollTrackColor   selectedFillColors   shadowCapColor   shadowColor   shadowDirection   shadowDistance   symbolBackgroundColor   symbolBackgroundDisabledColor   symbolBackgroundPressedColor   symbolColor   symbolDisabledColor   themeColor  

mx.core.UIObject クラスから継承されるスタイル
color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap  



プロパティの詳細

type

: String  

縦棒グラフの種類を表します。有効な値は次のとおりです。
- clustered: 各データ系列の値はカテゴリ別にグループ化されます。これはデフォルトの種類です。
- overlaid: 複数の値がカテゴリごとに積み上げられて表示され、最後のデータ系列が一番上になります。
- stacked: 縦棒は積み上げられ、カテゴリ別にグループ化されます。各縦棒は、その下にあるすべての縦棒の累積値を表します。
- 100%: 縦棒は積み上げられ、合計が 100% になります。各縦棒は、カテゴリの値の合計値に占めるその縦棒の構成比を表します。


Column_BarChartExample.mxml
<?xml version="1.0"?>
<!-- 縦棒グラフと横棒グラフの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">

<mx:Script>
<![CDATA[
          
var Medals = [{Country:"USA", Gold:35, Silver:39, Bronze: 29},
{Country:"China", Gold:32, Silver:17, Bronze: 14},
{Country:"Russia", Gold:27, Silver:27, Bronze: 38}
                       ]
                  
    ]]>
</mx:Script>

<mx:Panel title="Column and Bar Chart Panel" height="100%" width="100%">

<mx:HBox height="100%" width="100%">

<mx:ColumnChart id="column" marginLeft="5" height="100%"
width="45%" marginRight="5" dataProvider="{Medals}" showDataTips="true">
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="{Medals}" categoryField="Country"/>
</mx:horizontalAxis>
<mx:series>
<mx:Array>
<mx:ColumnSeries xField="Country" yField="Gold" name="Gold"/>
<mx:ColumnSeries xField="Country" yField="Silver" name="Silver"/>
<mx:ColumnSeries xField="Country" yField="Bronze" name="Bronze"/>
</mx:Array>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="column"/>

<mx:BarChart id="bar" marginLeft="5" height="100%"
width="45%" marginRight="5" dataProvider="{Medals}" showDataTips="true">
<mx:verticalAxis>
<mx:CategoryAxis dataProvider="{Medals}" categoryField="Country"/>
</mx:verticalAxis>
<mx:series>
<mx:Array>
<mx:BarSeries yField="Country" xField="Gold" name="Gold"/>
<mx:BarSeries yField="Country" xField="Silver" name="Silver"/>
<mx:BarSeries yField="Country" xField="Bronze" name="Bronze"/>
</mx:Array>
</mx:series>
</mx:BarChart>
<mx:Legend dataProvider="bar"/>

</mx:HBox>

</mx:Panel>

</mx:Application>