概要

• VLE で必要なデータ接続がまだ定義されていない場合はこれを定義します。
• レイアウトに少なくとも 1 つの ConnectedRecordSet を追加し、この接続を介してデータにアクセスできるよう構成します。実行時のアプリケーションには、このオブジェクトは表示されませんが、[レイアウト]ペインではレイアウト コンテナの下の領域にアイコンとして表示されます。
• データ レコード コントロール オブジェクトをレイアウトに追加します。これには、バインド コントロールを持つ RecordGrid または RecordForm のいずれかを選択できます。
• オブジェクト プロパティを設定して、適切なデータ ディスプレイを作成します。

データ接続の追加

• デザイン時にこの接続から RecordSet の完全データを取得する。
  このオプションを選択すると、UI のデザイン中にこの接続からのデータを VLE で「ライブ」で見ることができます。
• デザイン時にこの接続から RecordSet のサンプル データを取得する。
  このオプションを選択すると、デザイン時にサーバーから利用可能な全データのサブセットを見ることができます。これは、完全データセットのサイズが大きな場合に有効なオプションです。UI デザインの作業中にサンプル データを見ることができるだけでなく、データセット全体をロードする時間を節約できます。
• デザイン時にこの接続からヘッダー情報のみ取得する。
  このオプションを選択すると、デザイン時にはテーブルとフィールド名が表示され、データは表示されません。これを使用すると、実際のデータ値のロードに時間をかけずにデータの構造的な要素だけを確認できます。
• デザイン時にこの接続をオープンしない。
  デザイン時にこの接続からの情報が必要ない場合はこのオプションを選択します。

ConnectedRecordSet の追加

VLE パレットの [データ アクセス]タブを選択し、ConnectedRecordSet:

のアイコンをクリックします。トップレベルのレイアウト コンテナかレイアウト ツリー ノードで任意の場所にカーソルを移動し、ConnectedRecordSet をクリックしてレイアウトに追加します。レイアウト コンテナでは下の領域、[非可視要素]ノードの下のレイアウト ツリーに表示されます。

RecordGrid の追加

RecordForm の追加

グラフの追加

折れ線グラフの作成

{RecordSet
    {RecordFields
        {RecordField "Name", domain = String},
        {RecordField "Age", domain = int},
        {RecordField "Score1", domain = int}
        {RecordField "Score2", domain = int}
    },
    {RecordData Name = "John", Age = 25, Score1 = 22, Score2 = 25},
    {RecordData Name = "Julie",  Age = 12, Score1 = 13, Score2 = 15},
    {RecordData Name = "Jethro", Age = 58, Score1 = 32, Score2 = 22},
    {RecordData Name = "Jeremy", Age = 16, Score1 = 6, Score2 = 15},
    {RecordData Name = "Jessica", Age = 13, Score1 = 9, Score2 = 15}
}

• LayeredChart を追加します。
  [グラフ] タブで [LayeredChart] ボタンを選択し、レイアウト コンテナをクリックしてグラフをレイアウトに追加します。最初は空のグラフが表示されます。通常のドラッグアンドドロップ操作でグラフの位置やサイズを変更できます。グラフはシェイプであるため、回転やスケール変更も可能です。
• LineLayer を追加します。
  [LineLayer] ボタンをクリックし、[レイアウト ツリー] または [レイアウト] ペインをクリックして LineLayer をレイアウトに追加します。ChartLayer をレイアウトの LayeredChart 以外の場所に配置することはできません。次の図は、LineLayer をグラフに追加した結果を示しています。この時点では、まだデータがレンダリングされていないため、グラフの外観は変わっていません。

  Figure: LayeredChart への LineLayer の追加

• LineLayer のデータ ソースを選択します。
  ChartLayer の データ ソースプロパティを編集して、グラフ レイヤとレコード セット内のデータの関係を確立します。レイアウトに追加した任意の ConnectedRecordSet を指定できます。RecordGrid または RecordForm のレコード ソースを指定する場合と同じ構文 self. design-name を使用します。この例では、データ ソースは self.records です。
• データ フィールドを選択します。
  フィールド名 プロパティを編集して、y 軸にプロットする値を指定します。データ ソースを指定すると、フィールド名 プロパティ フィールドの右端にある矢印をクリックして使用可能なフィールド名のリストを表示できます。このリスト内の名前を 1 つクリックして、1 つのフィールドを選択できます。複数のフィールドからデータをプロットする場合は、他のフィールド名を入力する必要があります。この例では、フィールド age フィールドと score1 フィールドから値をプロットしています。
  次の図は、age フィールドと score 1 フィールドが選択されたグラフと、フィールド名のドロップダウン リストを示しています。

  Figure: age フィールドおよび score1 フィールドの値をプロットしたグラフ

• x 軸のデータを選択します。
  前の図では、x 軸の値は数字で示されています。x 軸でレコード セットの値を使用するには、X 軸データ プロパティを編集する必要があります。フィールド名 フィールドの右端にある アイコン (...) をクリックして、X 軸データ のプロパティ エディタを開きます。このプロパティ エディタで ChartDataSeries オブジェクトを作成できます。グラフ レイヤのデータ ソースを指定する場合と同じようにしてレコード ソースを指定する必要があります。この場合、データ ソースは self.records です。データ ソースを選択すると、[フィールド名] フィールドに使用可能なフィールド名のリストが表示されます。この例では x 軸に name フィールドを使用しています。次の図は、ChartDataSeries のプロパティ エディタを示しています。

  Figure: プロパティエディタのフィールド名を表示するドロップダウン

  次の図は、グラフと x 軸のデータを提供する name フィールドを示しています。

  Figure: x 軸の名前を使用したチャート

軸の追加