ステップ・グラフ
「ステップ・グラフ」は Coach のグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。「ステップ・グラフ」にデータを設定するには、Ajax アクセスを伴うサービス・フローを使用する必要があります。
構成プロパティー
「構成」プロパティー・タブで、コントロールの構成プロパティー (外観プロパティーや動作プロパティーなど) の設定や変更を行います。- 画面サイズ
- プロパティー名の横に「画面サイズ」アイコン
がある構成プロパティーには、画面サイズごとに異なる値を指定できます。値を設定しない場合、画面サイズはそのデフォルト値として次に大きい画面サイズの値を継承します。Process Designer デスクトップ・エディター (非推奨) を使用している場合は、大きい画面サイズにその値を設定していることになります。その他の画面サイズはこの値を継承します。
- テーマ定義
- テーマ定義は、コントロールの色およびスタイルを指定し、コントロールの外観を決定します。コントロールのルック・アンド・フィールをテーマ・エディターでプレビューできます。テーマを参照してください。
以下の表に、ステップ・グラフの外観構成プロパティーを示します。
| 外観構成プロパティー | 説明 | データ型 |
|---|---|---|
| ステップの下に領域を表示 | 「ステップ・グラフ」の下の領域が充てんされます (面グラフ・コントロールのレンダリングと同様)。 | ブール |
| 背景色のスタイル | 背景色の色のスタイル。 | ストリング |
| データ系列の色のスタイル | データ系列の色のスタイル。 | ストリング |
| 値ラベルの表示 | グラフ内の各ポイントの上にデータ・ポイント値を表示します。 | ブール |
| パンくずリストの表示 | このオプションが有効になっている場合、(メニュー選択に応じて) ユーザーがドリルダウンできるツリーの現在位置がタイトルに表示されます。 | ブール |
| XY 軸の色のスタイル | X 軸と Y 軸の色のスタイル。 | ストリング |
| グリッド・ラインのスタイル | 水平グリッド・ラインのスタイル。 | ストリング |
| X ラベル回転 | X 軸ラベルの回転度数。 | 10 進数 |
| 境界半径 | グラフの半径。 | ストリング |
| 埋め込み | グラフの上下左右の埋め込み (ピクセル単位)。 | ストリング |
| 高さ |
グラフの高さ。 | 整数 |
以下の表に、ステップ・グラフの動作構成プロパティーを示します。
| 動作構成プロパティー | 説明 | データ型 |
|---|---|---|
| グラフ・データ・モード | グラフ・データをサービスから取り込むか、構成オプションから取り込むかを選択します。 ユーザーがドリルダウンできるツリーは、適切な Ajax アクセスを伴うサービス・フローを使用して取り込むことによってのみ使用できることに注意してください。 | ストリング |
| データ・サービス | データ系列にデータを取り込むサービス。 | サービス・フロー |
| データ系列 | seriesName はデータ系列の名前で、dataPoints はデータ系列に含めるデータ・ポイントのリストです。 | seriesName に対してはストリング、dataPoints のリストに対しては DataPoint[]。 |
| メニューを有効にする | メニューの可視性を有効にします。ユーザーがドリルダウンできるツリーがある場合、またはメニューを追加した場合は、メニューが必要です。 | ブール |
| Y 軸の目盛りの数 | Y 軸の目盛りの最大数。 | 整数 |
| Y 軸の目盛りの精度 | Y 軸の値ラベルに表示する小数点以下の桁数。 小数点以下の桁数のデフォルト値は 0 です。 | 整数 |
| Y 軸の最小値 | Y 軸の最小値。 | 10 進数 |
| Y 軸の最大値 | Y 軸の最大値。 | 10 進数 |
| X 軸のカリングを使用 | X 軸のデータ目盛りの数だけ表示します。これは、「X 軸の目盛りの最大数」プロパティーの値によって決定されます。 | ブール |
| X 軸の目盛りの最大数 | X 軸の目盛りの最大数。 | 整数 |
| ツールチップの表示 | このオプションが有効になっている場合、マウスでグラフ内のデータ・ポイント上にポインターを移動すると、ツールチップが表示されます。ツールチップにはポイントの名前とその値の両方が示されます。 | ブール |
イベント
「イベント」タブでコントロールのイベント・ハンドラーの設定や変更を行います。イベントをプログラムでトリガーするかユーザーがコントロールと対話したときにトリガーするように設定できます。イベントの定義方法およびコーディング方法については、ユーザー定義イベントを参照してください。ステップ・グラフには、以下のタイプのイベント・ハンドラーがあります。
- ロード時: グラフのロード時にアクティブ化されます。以下に例を示します。
me.defocusSeries("Brand1")
- 最新表示時: グラフが最新表示されたときにアクティブ化されます。以下に例を示します。
me.focusSeries("Brand1")
- クリック時: グラフのクリック時にアクティブ化されます。以下に例を示します。
me.transform("donut", ["Brand1","Brand2"])
- メニュー・アクション時: メニュー・アクションの実行時にアクティブ化されます。以下に例を示します。
console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)
メソッド
ステップ・グラフに使用できるメソッドの詳細情報については、ステップ・グラフの JavaScript API を参照してください。
追加のリソース
Coach の作成方法については、Coach のビルドを参照してください。
標準プロパティー (「一般」、「構成」、「位置決め」、「可視性」、および「HTML 属性」) については、Coach ビューのプロパティーを参照してください。