Visualforce 開発者ガイド
japex: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 |