円グラフ (PRIM_CHRT.PieChart)

円グラフ

祖先 - グラフ (PRIM_CHRT) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)

詳細

円グラフを使って異なる値の割合の比較を示すことができます。
 
円グラフは円またはドーナツ型のグラフで表示可能です。

以下の例では、円グラフに値とキャプションが追加され、同時にそれぞれの値に ThemeDrawStyle と FormatHint が設定さています。

Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#Layout1)
 
    Define_Com Class(#PRIM_TBLO) Name(#Layout1)
    Define_Com Class(#PRIM_TBLO.Row) Name(#Layout1Row1) Displayposition(1) Parent(#Layout1)
    Define_Com Class(#PRIM_TBLO.Column) Name(#Layout1Column1) Displayposition(1) Parent(#Layout1)
    Define_Com Class(#PRIM_TBLO.Item) Name(#Layout1Item1) Alignment(TopCenter) Column(#Layout1Column1) Manage(#PieChart1) Parent(#Layout1) Row(#Layout1Row1)
 
    Define_Com Class(#PRIM_CHRT.PieChart) Name(#PieChart1) Displayposition(1) Height(800) Left(0) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(0) Width(1200)
    Define_Com Class(#PRIM_CHRT.PieChartCaption) Name(#PieChartCaption) Parent(#PieChart1)
    Define_Com Class(#PRIM_CHRT.PieChartValue) Name(#PieChartValue) Displayposition(1) Parent(#PieChart1) Themedrawstyle('Back(244,67,54,1)')
 
    Evtroutine Handling(#Com_owner.Initialize)
 
        #PieChartCaption := 'USA'
        #PieChartValue := 9.147
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(244,67,54,.8)+Border(244,67,54,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
 
        #PieChartCaption := 'Australia'
        #PieChartValue := 4.4
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(0,137,123,.8)+Border(0,137,123,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
 
        #PieChartCaption := 'Canada'
        #PieChartValue := 9.9
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(96,125,139,.8)+Border(96,125,139,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
 
        #PieChartCaption := 'UK'
        #PieChartValue := 0.245
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(255,112,67,.8)+Border(255,112,67,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
 
        #PieChartCaption := 'China'
        #PieChartValue := 9.326
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(56,142,60,.8)+Border(56,142,60,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
 
        #PieChartCaption := 'Russia'
        #PieChartValue := 17
        Add_Entry To_List(#PieChart1)
        #PieChartValue.CurrentItem.ThemeDrawStyle := 'Back(253,216,53,.8)+Border(253,216,53,1)'
        #PieChartValue.CurrentItem.FormatHint Title(#PieChartCaption.CurrentItem.Caption) Line1(('Land mass of &1 million square kilometers').Substitute( #PieChartValue.CurrentItem.Value.AsString ))
    Endroutine
 
End_Com

プロパティ

名前記述
AnimationDurationすべてのアニメーションの長さをミリ秒で示し、値ゼロはアニメーションを無効にします
BorderWidthスライスの枠線幅を指定します
BusyUpdatesBusyUpdatesはコントロールがそれ自身をどのようにしてアップデートするかを指定します。 コントロール (PRIM_CTRL) より継承
BusyUpdatesOfParentBusyUpdatesOfParentは親のコントロールが更新するかどうかを指定します。 コントロール (PRIM_CTRL) より継承
CanFocusCanFocusはコントロールがキーボードフォーカスを受け取れるかどうかを示す値を返します。 コントロール (PRIM_CTRL) より継承
ComponentClassNameコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承
ComponentMembersこのコンポーネントの全てにアクセスできるようにします。 オブジェクト (PRIM_OBJT) より継承
ComponentPatternNameコンポーネントのクラスを制限します。 オブジェクト (PRIM_OBJT) より継承
ComponentTagインスタンス用に値を格納できる汎用スペース オブジェクト (PRIM_OBJT) より継承
ComponentTypeComponentTypeではコンポーネントのタイプ情報にアクセスできます。 オブジェクト (PRIM_OBJT) より継承
ComponentTypeNameComponentTypeName十分適格なコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承
CursorCursorのイメージを指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
CutoutPercentage円グラフを中心に穴をあけることで、ドーナツグラフに変えることができます
DisplayPositionDisplayPositionに表示の位置を指定します。 コントロール (PRIM_CTRL) より継承
DragStyleDragStyleはどのようにコンポーネントがドラッグされるかを決めます。 コントロール (PRIM_CTRL) より継承
EnabledEnabledはコンポーネントを使用可能/使用不可にするためのプロパティです。 コントロール (PRIM_CTRL) より継承
FixedPosition親がスクールされても移動しないよう、コントロールを固定します コントロール (PRIM_CTRL) より継承
FocusFocusはコンポーネントにフォーカスがあるかどうかを判断するためのプロパティです。 コントロール (PRIM_CTRL) より継承
FocusedStyleコントロールにフォーカスがある時に適用するスタイルへの参照 コントロール (PRIM_CTRL) より継承
FocusedStylesコントロールにフォーカスがある時に適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承
Handleデスクトップアプリケーション内のWindowsハンドルを返します コントロール (PRIM_CTRL) より継承
HeightHeightコンポーネントの高さを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
HintHintはコンポーネントの記述を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
HintPopupHintPopupは省略値のポップアップテキストの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承
HintShowHintShowはヒントを表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承
HintShowOfParentHintShowOfParentはコンテナのHintShowプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承
HintTitleHintTitleヒントウィンドウの上部に強調文字で表示されるテキストを指定します。 コントロール (PRIM_CTRL) より継承
IsAnimatingIsAnimatingは現在コントロールがアニメーションで表示されていることを示します。 コントロール (PRIM_CTRL) より継承
IsRealizedデザインインスタンスが実施されるとTRUEになります。 コントロール (PRIM_CTRL) より継承
LeftLeftはコンポーネントの左側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
LegendPosition凡例はグラフのいずれかの脇に表示または非表示にできます
ModifiedModifiedはコントロールの内容が変更されていることを知らすためのプロパティです。 コントロール (PRIM_CTRL) より継承
MouseOverMouseOverマウスがコントロールの真上にあるかどうかを決定します。 コントロール (PRIM_CTRL) より継承
MouseOverStyleMouseOverStyleマウスが真上にある時にコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承
MouseOverStylesMouseOverStylesマウスが真上にある時にコントロールに適用するスタイル集(#Prim_vs.Style)です。 コントロール (PRIM_CTRL) より継承
Nameコンポーネントの名前 オブジェクト (PRIM_OBJT) より継承
OpacityOpacityはコントロールと背景の表示関係を表します。 コントロール (PRIM_CTRL) より継承
Ownerコンポーネントのオーナーです。 オブジェクト (PRIM_OBJT) より継承
Parentこのコントロールがビジュアル的に位置しているコントロールへの参照 コントロール (PRIM_CTRL) より継承
PopupPopupは通常の右クリックのポップアップメニューの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承
PopupMenu右クリックで表示されるポップアップメニューへの参照 コントロール (PRIM_CTRL) より継承
RotationRotationは指定の原点の周りをコントロールが回転できるようにします。 コントロール (PRIM_CTRL) より継承
RotationOriginLeftRotationOriginLeftはコントロールがその周りを回転する想定地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承
RotationOriginTopRotationOriginTopはコントロールがその周りを回転する想定地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承
ScaleHeightScaleHeightはコントロールのビジュアル表示で使用する高さをパーセントで示します。 コントロール (PRIM_CTRL) より継承
ScaleOriginLeftScaleOriginLeftはコントロールのサイズ調整時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承
ScaleOriginTopScaleOriginTopはコントロールのサイズ調整時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承
ScaleWidthScaleWidthはコントロールのビジュアル表示で使用する幅をパーセントで示します。 コントロール (PRIM_CTRL) より継承
ScreenLeftScreenLeftはスクリーンの左側からの距離を設定します。 コントロール (PRIM_CTRL) より継承
ScreenTopScreenTopはスクリーンの上部からの距離を設定します。 コントロール (PRIM_CTRL) より継承
ScrollLeftスクロールされた子コントロールの(親コントロールに対して)左の位置 コントロール (PRIM_CTRL) より継承
ScrollTopスクロールされた子コントロールの(親コントロールに対して)上の位置 コントロール (PRIM_CTRL) より継承
SkewLeftSkewLeftはコントロールを水平方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承
SkewOriginLeftSkewOriginLeftはコントロール傾斜時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承
SkewOriginTopSkewOriginTopはコントロール傾斜時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承
SkewTopSkewTopはコントロールを垂直方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承
StyleStyleはコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承
Stylesコントロールに適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承
TabPositionTabPositionはフォーカスの順番を指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
TabStopTabStopはTabキーによってフォーカスをもつことを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
ThemeDrawStyleコントロールに適用するテーマの描画スタイルの名前 コントロール (PRIM_CTRL) より継承
TopTopはコンポーネントの上側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
TouchMoveタッチ移動処理にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承
TouchRotateタッチ回転にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承
TouchScaleタッチサイズ変更にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承
TouchSizeコントロールをサイズ調整可能にするかどうかを決定します。 コントロール (PRIM_CTRL) より継承
VisibleVisibleはコンポーネントを表示/非表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承
VisualStyleVisualStyleはコンポーネントの表示構成を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承
VisualStyleOfParentVisualStyleOfParentはコンテナのVisualStyleプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承
WebAriaこの Web ページのコンポーネントのアクセシビリティ記述として利用される Aria 属性を上書きする内容の詳細を示すコンポーネント インスタンスへの参照 コントロール (PRIM_CTRL) より継承
WidthWidthはコンポーネントの幅を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承

イベント

名前記述
AnimationEndedアニメーション終了時に起動します コントロール (PRIM_CTRL) より継承
Cancelled
CreateInstanceコンポーネントを作成する時にCreateInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承
DestroyInstanceコンポーネントが解除される前にDestroyInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承
DragDropDragDropイベントはコンポーネントがドロップされる時に実行されます。 コントロール (PRIM_CTRL) より継承
PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult
DragOverカーソルがコントロールの上を移動するドラッグアンドドロップ処理中に起動されます。 コントロール (PRIM_CTRL) より継承
PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled
EndDragEndDragはドラッグアンドドロップが完了した時に実行されます。 コントロール (PRIM_CTRL) より継承
Source, Payload, DragResult, AggregatedSource, Origin, Handled
InitializeInitializeはコンポーネントをロードする時に実行されます。 コントロール (PRIM_CTRL) より継承
MouseEnterコントロールの境界内にマウスが入りました。 コントロール (PRIM_CTRL) より継承
MouseHoverマウスがコントロール上でホバリングしました。 コントロール (PRIM_CTRL) より継承
Origin, Handled
MouseLeaveマウスがコントロールの境界から出ました。 コントロール (PRIM_CTRL) より継承
StartDragStartDragはマウスをドラッグした時に実行されます。 コントロール (PRIM_CTRL) より継承
Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled
TouchChangeTouchStartとTouchEndの境界で繰り返し起動され、タッチイベントの詳細を提供します。 コントロール (PRIM_CTRL) より継承
MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue
TouchEndユーザーのタッチが終了した時に起動します。 コントロール (PRIM_CTRL) より継承
TouchStartユーザーにより画面に物理的な接触が最初に行われた時に起動します。 コントロール (PRIM_CTRL) より継承
Origin, TouchMove, TouchRotate, TouchScale, TouchSize

メソッド

名前記述
FadeIn非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承
Duration, Delay
FadeOut表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承
Duration, Delay, Visible
MoveFromコントロールを指定位置から現在の位置に移動 コントロール (PRIM_CTRL) より継承
Left, Top, Duration, Delay
MoveTo指定されたピクセル数の移動をアニメーション化 コントロール (PRIM_CTRL) より継承
Left, Top, Duration, Delay
RealizeRealizeは動的にコンポーネントを作成するためのメソッドです。 コントロール (PRIM_CTRL) より継承
Scaleサイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承
ScaleWidth, ScaleHeight, Duration, Delay
SetFocusSetFocusはコンポーネントにフォーカスをするためのメソッドです。 コントロール (PRIM_CTRL) より継承
ShowMessagesLANSA内部専用 コントロール (PRIM_CTRL) より継承
SizeToサイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承
Width, Height, Duration, Delay
UnrealizeUnrealizeメソッドはコンポーネントを削除するためのメソッドです。 コントロール (PRIM_CTRL) より継承
UpdateDisplayUpdateDisplayメソッドは画面を直ちに更新します。 コントロール (PRIM_CTRL) より継承

参照

すべてのコンポーネント クラス

テクニカルリファレンス

EPC150060 - December 2023