apex:chartTips
データ系列の要素にマウスを重ねると表示されるツールチップを定義します。このコンポーネントでは、データ系列のコンポーネントの tips 属性を true に設定すると表示されるデフォルトのツールチップより多くの設定オプションを提供します。
注: このコンポーネントはデータ系列コンポーネントで囲む必要があります。
例
1<!-- Page: -->
2<apex:chart height="400" width="700" data="{!data}">
3 <apex:axis type="Numeric" position="left" fields="data1"
4 title="Millions" grid="true"/>
5 <apex:axis type="Category" position="bottom" fields="name"
6 title="Month of the Year"/>
7 <apex:barSeries title="Monthly Sales" orientation="vertical" axis="left"
8 xField="name" yField="data1">
9 <apex:chartTips height="20" width="120"/>
10 </apex:barSeries>
11</apex:chart>属性
| 属性名 | 属性型 | 説明 | 必須かどうか | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| height | Integer | ツールチップの高さ (ピクセル単位)。 | 23.0 | ||
| id | String | ページの他のコンポーネントがグラフコンポーネントを参照できるようにする識別子。 | 23.0 | グローバル | |
| labelField | String | 系列のデータポイントごとのツールチップのラベルとして使用するグラフデータの各レコードの項目。ツールチップは <label>: <value> として表示されます。この項目はグラフデータのすべてのレコードに存在している必要があります。この値が指定されていない場合、円およびゲージグラフの系列では labelField、それ以外のデータ系列では xField にデフォルトで設定されます。 | 23.0 | ||
| rendered | Boolean | データ系列のツールチップをグラフに表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| rendererFn | String | グラフのヒントとして表示されるツールチップに追加または上書きする JavaScript 関数の名前を指定する文字列。 | 26.0 | ||
| trackMouse | Boolean | マウスポインターを置いたときにグラフのヒントを表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| valueField | String | 系列のデータポイントごとのツールチップの値として使用するグラフデータの各レコードの項目。ツールチップは <label>: <value> として表示されます。この項目はグラフデータのすべてのレコードに存在している必要があります。この値が指定されていない場合、円およびゲージグラフの系列では dataField、それ以外のデータ系列では yField にデフォルトで設定されます。 | 23.0 | ||
| width | Integer | ツールチップの幅 (ピクセル単位)。 | 23.0 |