Visualforce 開発者ガイド
japex:radarSeries
放射状の Visualforce グラフで一連の線で結ばれた内側の領域として表示されるデータ系列です。レーダーグラフは、「クモの巣」グラフと呼ばれることもあります。少なくとも、各点の X 値および Y 値として使用するデータコレクションの項目、および目盛りとして使用する放射軸を指定する必要があります。
注: このコンポーネントは <apex:chart> コンポーネントで囲む��要があります。1 つのグラフに複数の <apex:radarSeries> コンポーネントを含めることができます。
例
1<!-- Page: -->
2<apex:chart height="530" width="700" legend="true" data="{!data}">
3 <apex:legend position="left"/>
4 <apex:axis type="Radial" position="radial">
5 <apex:chartLabel/>
6 </apex:axis>
7 <apex:radarSeries xField="name" yField="data1" tips="true" opacity="0.4"/>
8 <apex:radarSeries xField="name" yField="data2" tips="true" opacity="0.4"/>
9 <apex:radarSeries xField="name" yField="data3" tips="true"
10 markerType="cross" strokeWidth="2" strokeColor="#f33" opacity="0.4"/>
11</apex:chart>属性
| 属性名 | 属性型 | 説明 | 必須かどうか | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| fill | String | 線の内側の領域を塗りつぶすために使用する色を HTML スタイルの (16 進) 色として指定する文字列。指定されていない場合、色はグラフの colorSet またはテーマから順に使用されます。線とマーカーのみを使用し、塗りつぶしなしのグラフの場合は、塗りつぶしを「なし」に設定します。塗りつぶしなしに場合は、デフォルトで非表示になっているストロークとマーカーの属性を必ず設定してください。 | 26.0 | ||
| highlight | Boolean | マウスポインターを重ねたときに各点を強調表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| id | String | ページの他のコンポーネントがグラフコンポーネントを参照できるようにする識別子。 | 26.0 | グローバル | |
| markerFill | String | HTML スタイルの (16 進) 色として指定されるこの系列のデータポイントマーカーの色。系列のマーカーがグラフに表示されるようにするには、少なくとも 1 つのマーカー属性を設定する必要があります。 | 23.0 | ||
| markerSize | Integer | この系列の各データポイントマーカーのサイズ。系列のマーカーがグラフに表示されるようにするには、少なくとも 1 つのマーカー属性を設定する必要があります。 | 23.0 | ||
| markerType | String |
この系列の各データポイントマーカーの形状。有効なオプションは、次のとおりです。
|
23.0 | ||
| opacity | Integer | 系列の塗りつぶされた領域の不透明度を表す 0 ～ 1 までの小数値。塗りつぶしが設定されている場合にのみ影響します。 | 26.0 | ||
| rendered | Boolean | グラフでグラフ系列を表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| showInLegend | Boolean | このグラフ系列をグラフの凡例に追加するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| strokeColor | String | HTML スタイルの (16 進) 色として、この系列の折れ線の色を指定する文字列。指定されていない場合、線は塗りつぶしと同じ色になるため、線が見えなくなります。 | 26.0 | ||
| strokeWidth | Integer | この系列の折れ線の太さを指定する整数。指定されていない場合、線は描画されません。塗りつぶしも「なし」に設定されていると、この系列はグラフに表示されなくなります。 | 26.0 | ||
| tips | Boolean | マウスポインターを重ねたときに各データポイントマーカーのツールチップを表示するかどうかを指定する boolean 値。このツールチップの形式は <xField>: <yField> です。指定されていない場合、この値はデフォルトの true に設定されます。 | 26.0 | ||
| title | String | このグラフ系列のタイトル。グラフの凡例に表示されます。 | 26.0 | ||
| xField | String | 系列のデータポイントごとの X 軸の値の取得元である、グラフデータに指定された各レコードの項目。レーダーグラフの X 軸は円周です。この項目はグラフデータのすべてのレコードに存在している必要があります。 | はい | 26.0 | |
| yField | String | 系列のデータポイントごとの Y 軸の値の取得元である、グラフデータに指定された各レコードの項目。レーダーグラフの Y 軸は、レーダーの中心から端に向かってプロットされる垂直線です。この項目はグラフデータのすべてのレコードに存在している必要があります。 | はい | 26.0 |