折れ線グラフ
祖先 - グラフ (PRIM_CHRT) コントロール (PRIM_CTRL) オブジェクト (PRIM_OBJT)
折れ線グラフは線を描きます。データセットのトレンドを見たり、比較する際に便利です。
次の例は、2020年と2019年のデータをクォーター毎に比較表示します。
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(#LineChart) Parent(#Layout1) Row(#Layout1Row1) Marginbottom(25) Marginleft(25) Marginright(25) Margintop(25)
Define_Com Class(#PRIM_CHRT.LineChart) Name(#LineChart) Displayposition(1) Gridlines(None) Height(750) Left(25) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(25) Width(1150) Legendposition(Top)
Define_Com Class(#PRIM_CHRT.LineChartCaption) Name(#LineChartCaption) Parent(#LineChart)
Define_Com Class(#PRIM_CHRT.LineChartValue) Name(#LineChartValue1) Displayposition(1) Parent(#LineChart) Themedrawstyle('borderTheme700') Borderwidth(2) Description('2020') Linestyle(Straight)
Define_Com Class(#PRIM_CHRT.LineChartValue) Name(#LineChartValue2) Displayposition(2) Parent(#LineChart) Themedrawstyle('BorderThemeAccentDark') Borderwidth(2) Description('2019') Linestyle(Straight)
Evtroutine Handling(#COM_OWNER.Initialize)
#LineChartValue1 := 40
#LineChartValue2 := 60
#LineChartCaption := 'Quarter 1'
Add_Entry To_List(#LineChart)
#LineChartValue1 := 50
#LineChartValue2 := 45
#LineChartCaption := 'Quarter 2'
Add_Entry To_List(#LineChart)
#LineChartValue1 := 70
#LineChartValue2 := 53
#LineChartCaption := 'Quarter 4'
Add_Entry To_List(#LineChart)
#LineChartValue1 := 80
#LineChartValue2 := 20
#LineChartCaption := 'Quarter 4'
Add_Entry To_List(#LineChart)
Endroutine
End_Com
名前 |
記述 |
すべてのアニメーションの長さをミリ秒で示し、値ゼロはアニメーションを無効にします |
|
どの軸を表示するか決定します |
|
BusyUpdatesはコントロールがそれ自身をどのようにしてアップデートするかを指定します。 コントロール (PRIM_CTRL) より継承 |
|
BusyUpdatesOfParentは親のコントロールが更新するかどうかを指定します。 コントロール (PRIM_CTRL) より継承 |
|
CanFocusはコントロールがキーボードフォーカスを受け取れるかどうかを示す値を返します。 コントロール (PRIM_CTRL) より継承 |
|
キャプション表示のために使用された軸の構成詳細 |
|
コンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 |
|
このコンポーネントの全てにアクセスできるようにします。 オブジェクト (PRIM_OBJT) より継承 |
|
コンポーネントのクラスを制限します。 オブジェクト (PRIM_OBJT) より継承 |
|
インスタンス用に値を格納できる汎用スペース オブジェクト (PRIM_OBJT) より継承 |
|
ComponentTypeではコンポーネントのタイプ情報にアクセスできます。 オブジェクト (PRIM_OBJT) より継承 |
|
ComponentTypeName十分適格なコンポーネントのクラス名です。 オブジェクト (PRIM_OBJT) より継承 |
|
Cursorのイメージを指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
DisplayPositionに表示の位置を指定します。 コントロール (PRIM_CTRL) より継承 |
|
DragStyleはどのようにコンポーネントがドラッグされるかを決めます。 コントロール (PRIM_CTRL) より継承 |
|
Enabledはコンポーネントを使用可能/使用不可にするためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
親がスクールされても移動しないよう、コントロールを固定します コントロール (PRIM_CTRL) より継承 |
|
Focusはコンポーネントにフォーカスがあるかどうかを判断するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
コントロールにフォーカスがある時に適用するスタイルへの参照 コントロール (PRIM_CTRL) より継承 |
|
コントロールにフォーカスがある時に適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承 |
|
どのグリッド線を表示するか決定します |
|
デスクトップアプリケーション内のWindowsハンドルを返します コントロール (PRIM_CTRL) より継承 |
|
Heightコンポーネントの高さを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
Hintはコンポーネントの記述を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintPopupは省略値のポップアップテキストの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
HintShowはヒントを表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintShowOfParentはコンテナのHintShowプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
HintTitleヒントウィンドウの上部に強調文字で表示されるテキストを指定します。 コントロール (PRIM_CTRL) より継承 |
|
IsAnimatingは現在コントロールがアニメーションで表示されていることを示します。 コントロール (PRIM_CTRL) より継承 |
|
デザインインスタンスが実施されるとTRUEになります。 コントロール (PRIM_CTRL) より継承 |
|
Leftはコンポーネントの左側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
凡例はグラフのいずれかの脇に表示または非表示にできます |
|
Modifiedはコントロールの内容が変更されていることを知らすためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
MouseOverマウスがコントロールの真上にあるかどうかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
MouseOverStyleマウスが真上にある時にコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承 |
|
MouseOverStylesマウスが真上にある時にコントロールに適用するスタイル集(#Prim_vs.Style)です。 コントロール (PRIM_CTRL) より継承 |
|
コンポーネントの名前 オブジェクト (PRIM_OBJT) より継承 |
|
Opacityはコントロールと背景の表示関係を表します。 コントロール (PRIM_CTRL) より継承 |
|
コンポーネントのオーナーです。 オブジェクト (PRIM_OBJT) より継承 |
|
このコントロールがビジュアル的に位置しているコントロールへの参照 コントロール (PRIM_CTRL) より継承 |
|
Popupは通常の右クリックのポップアップメニューの代わりにポップアップパネル(#prim_ppnl)インスタンスが利用できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
右クリックで表示されるポップアップメニューへの参照 コントロール (PRIM_CTRL) より継承 |
|
プライマリ値軸の構成詳細 |
|
Rotationは指定の原点の周りをコントロールが回転できるようにします。 コントロール (PRIM_CTRL) より継承 |
|
RotationOriginLeftはコントロールがその周りを回転する想定地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
RotationOriginTopはコントロールがその周りを回転する想定地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleHeightはコントロールのビジュアル表示で使用する高さをパーセントで示します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleOriginLeftはコントロールのサイズ調整時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleOriginTopはコントロールのサイズ調整時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
ScaleWidthはコントロールのビジュアル表示で使用する幅をパーセントで示します。 コントロール (PRIM_CTRL) より継承 |
|
ScreenLeftはスクリーンの左側からの距離を設定します。 コントロール (PRIM_CTRL) より継承 |
|
ScreenTopはスクリーンの上部からの距離を設定します。 コントロール (PRIM_CTRL) より継承 |
|
スクロールされた子コントロールの(親コントロールに対して)左の位置 コントロール (PRIM_CTRL) より継承 |
|
スクロールされた子コントロールの(親コントロールに対して)上の位置 コントロール (PRIM_CTRL) より継承 |
|
セカンダリ値軸の構成詳細 |
|
SkewLeftはコントロールを水平方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承 |
|
SkewOriginLeftはコントロール傾斜時の想定開始地点の左座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
SkewOriginTopはコントロール傾斜時の想定開始地点の上座標を指定します。 コントロール (PRIM_CTRL) より継承 |
|
SkewTopはコントロールを垂直方向に傾ける角度を定義します。 コントロール (PRIM_CTRL) より継承 |
|
Styleはコントロールに適用するスタイル(#Prim_vs.Style)を定義します。 コントロール (PRIM_CTRL) より継承 |
|
コントロールに適用するスタイルのコレクション コントロール (PRIM_CTRL) より継承 |
|
TabPositionはフォーカスの順番を指定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
TabStopはTabキーによってフォーカスをもつことを設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
コントロールに適用するテーマの描画スタイルの名前 コントロール (PRIM_CTRL) より継承 |
|
Topはコンポーネントの上側の位置を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
タッチ移動処理にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
タッチ回転にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
タッチサイズ変更にコントロールがどう対応するかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
コントロールをサイズ調整可能にするかどうかを決定します。 コントロール (PRIM_CTRL) より継承 |
|
Visibleはコンポーネントを表示/非表示するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
VisualStyleはコンポーネントの表示構成を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
VisualStyleOfParentはコンテナのVisualStyleプロパティを参照するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
|
この Web ページのコンポーネントのアクセシビリティ記述として利用される Aria 属性を上書きする内容の詳細を示すコンポーネント インスタンスへの参照 コントロール (PRIM_CTRL) より継承 |
|
Widthはコンポーネントの幅を設定するためのプロパティです。 コントロール (PRIM_CTRL) より継承 |
名前 |
記述 |
アニメーション終了時に起動します コントロール (PRIM_CTRL) より継承 Cancelled |
|
コンポーネントを作成する時にCreateInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 |
|
コンポーネントが解除される前にDestroyInstanceのイベントを実行します。 コントロール (PRIM_CTRL) より継承 |
|
DragDropイベントはコンポーネントがドロップされる時に実行されます。 コントロール (PRIM_CTRL) より継承 PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult |
|
カーソルがコントロールの上を移動するドラッグアンドドロップ処理中に起動されます。 コントロール (PRIM_CTRL) より継承 PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled |
|
EndDragはドラッグアンドドロップが完了した時に実行されます。 コントロール (PRIM_CTRL) より継承 Source, Payload, DragResult, AggregatedSource, Origin, Handled |
|
目盛り作成時に起動し、目盛り値のフォーマットができるようにします。 Label, Value, Axis |
|
Initializeはコンポーネントをロードする時に実行されます。 コントロール (PRIM_CTRL) より継承 |
|
コントロールの境界内にマウスが入りました。 コントロール (PRIM_CTRL) より継承 |
|
マウスがコントロール上でホバリングしました。 コントロール (PRIM_CTRL) より継承 Origin, Handled |
|
マウスがコントロールの境界から出ました。 コントロール (PRIM_CTRL) より継承 |
|
StartDragはマウスをドラッグした時に実行されます。 コントロール (PRIM_CTRL) より継承 Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled |
|
TouchStartとTouchEndの境界で繰り返し起動され、タッチイベントの詳細を提供します。 コントロール (PRIM_CTRL) より継承 MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue |
|
ユーザーのタッチが終了した時に起動します。 コントロール (PRIM_CTRL) より継承 |
|
ユーザーにより画面に物理的な接触が最初に行われた時に起動します。 コントロール (PRIM_CTRL) より継承 Origin, TouchMove, TouchRotate, TouchScale, TouchSize |
名前 |
記述 |
非表示から表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay |
|
表示から非表示へのアニメーション コントロール (PRIM_CTRL) より継承 Duration, Delay, Visible |
|
コントロールを指定位置から現在の位置に移動 コントロール (PRIM_CTRL) より継承 Left, Top, Duration, Delay |
|
指定されたピクセル数の移動をアニメーション化 コントロール (PRIM_CTRL) より継承 Left, Top, Duration, Delay |
|
Realizeは動的にコンポーネントを作成するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 ScaleWidth, ScaleHeight, Duration, Delay |
|
SetFocusはコンポーネントにフォーカスをするためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
LANSA内部専用 コントロール (PRIM_CTRL) より継承 |
|
サイズの変化をアニメーション化 コントロール (PRIM_CTRL) より継承 Width, Height, Duration, Delay |
|
Unrealizeメソッドはコンポーネントを削除するためのメソッドです。 コントロール (PRIM_CTRL) より継承 |
|
UpdateDisplayメソッドは画面を直ちに更新します。 コントロール (PRIM_CTRL) より継承 |