Visualforce 開発者ガイド
japex:gaugeSeries
特定の基準に沿って、測定値の変化を示すデータ系列です。少なくとも、表示するゲージレベルのラベルおよび値のペアとして使用するデータコレクションの項目を指定する必要があります。ゲージグラフは、関連付けられた <apex:axis> (type が「gauge」である必要があります) に沿って適切な最小値と最大値を指定することで、読みやすくなります。
注: このコンポーネントは <apex:chart> コンポーネントで囲む必要があります。グラフには <apex:gaugeSeries> を 1 つだけ使用します。
例
1<!-- Page: -->
2<apex:chart height="250" width="450" animate="true" legend="true" data="{!data}">
3 <apex:axis type="gauge" position="left" margin="-10"
4 minimum="0" maximum="100" steps="10"/>
5 <apex:gaugeSeries dataField="data1" highlight="true" tips="true" donut="25"
6 colorSet="#F49D10, #ddd">
7 <apex:chartLabel display="over"/>
8 </apex:gaugeSeries>
9</apex:chart>属性
| 属性名 | 属性型 | 説明 | 必須かどうか | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| colorSet | String | ゲージレベルの塗りつぶしの色として使用される一連の色の値。色は、HTML スタイル (16 進) の色をカンマ区切りで指定します。たとえば、#00F,#0F0 です。 | 26.0 | ||
| dataField | String | ゲージレベルのデータ値の取得元である、グラフデータに指定された各レコードの項目。最初のレコードのみが使用されます。 | はい | 26.0 | |
| donut | Integer | ゲージグラフの中心に配置する穴の半径を、ゲージの半径のパーセントとして表す整数。デフォルトの 0 を使用すると、穴のない、つまり半円のゲージグラフが作成されます。 | 26.0 | ||
| highlight | Boolean | マウスポインタを重ねたときに各ゲージレベルを強調表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| id | String | ページの他のコンポーネントがグラフコンポーネントを参照できるようにする識別子。 | 26.0 | グローバル | |
| labelField | String | ゲージレベルのラベルの取得元である、グラフデータに指定された各レコードの項目。最初のレコードのみが使用されます。指定されていない場合、この値はデフォルトの「name」に設定されます。 | 23.0 | ||
| needle | Boolean | ゲージの針を表示するかどうかを指定する boolean 値。デフォルトは false で、針は表示されません。 | 26.0 | ||
| rendered | Boolean | グラフでグラフ系列を表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| rendererFn | String | ゲージ要素が表示される方法を追加または上書きする JavaScript 関数の名前を指定する文字列。追加のスタイルを指定またはデータを追加するために実装します。 | 26.0 | ||
| tips | Boolean | マウスポインタを重ねたときにゲージレベルのツールチップを表示するかどうかを指定する boolean 値。ツールチップの形式は <labelField>: <dataField> です。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 |