Visualforce 開発者ガイド
japex:lineSeries
Visualforce 線形グラフで線で結ばれた点として表示されるデータ系列です。少なくとも、各点の X 値および Y 値として使用するデータコレクションの項目、および目盛りとして使用する X 軸および Y 軸を指定する必要があります。
注: このコンポーネントは <apex:chart> コンポーネントで囲む必要があります。1 つのグラフに複数の <apex:barSeries> コンポーネントおよび <apex:lineSeries> コンポーネントを含めることができます。<apex:areaSeries> コンポーネントと <apex:scatterSeries> コンポーネントを追加できますが、判読しにくい結果になる可能性があります。
例
1<!-- Page: -->
2<apex:chart height="400" width="700" data="{!data}">
3 <apex:axis type="Numeric" position="left" fields="data1,data2"
4 title="Opportunities Closed" grid="true"/>
5 <apex:axis type="Category" position="bottom" fields="name"
6 title="Month of the Year"/>
7 <apex:lineSeries title="Closed-Won" axis="left" xField="name" yField="data1"
8 fill="true" markerType="cross" markerSize="4" markerFill="#FF0000"/>
9 <apex:lineSeries title="Closed-Lost" axis="left" xField="name" yField="data2"
10 markerType="circle" markerSize="4" markerFill="#8E35EF"/>
11</apex:chart>属性
| 属性名 | 属性型 | 説明 | 必須かどうか | API バージョン | 通用範囲 |
|---|---|---|---|---|---|
| axis | String |
このグラフの系列のバインド先の軸。グラフの 4 辺の境界の 1 つである必要があります。
|
はい | 23.0 | |
| fill | Boolean | 線の下の領域を塗りつぶすかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの false に設定されます。 | 23.0 | ||
| fillColor | String | 線の下の領域を塗りつぶすために使用する色を HTML スタイルの (16 進) 色として指定する文字列。指定されていない場合、塗りつぶしの色は線の色と一致します。fill が true に設定されている場合にのみ使用されます。 | 26.0 | ||
| highlight | Boolean | マウスポインターを重ねたときに系列の折れ線の各点を強調表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| highlightStrokeWidth | String | 系列の折れ線が強調表示されるときに上に重ねて描画される線の太さを指定する文字列。 | 26.0 | ||
| id | String | ページの他のコンポーネントがグラフコンポーネントを参照できるようにする識別子。 | 23.0 | グローバル | |
| markerFill | String | HTML スタイルの (16 進) 色として指定されるこの系列のデータポイントマーカーの色。指定されていない場合、マーカーの色は線の色と一致します。 | 23.0 | ||
| markerSize | Integer | この系列の各データポイントマーカーのサイズ。指定されていない場合、この値はデフォルトの「3」に設定されます。 | 23.0 | ||
| markerType | String |
この系列の各データポイントマーカーの形状。有効なオプションは、次のとおりです。
|
23.0 | ||
| opacity | String | この系列の折れ線と重なっている塗りつぶされた領域の不透明度を表す 0 ～ 1 までの小数値。指定されていない場合、デフォルトの「0.3」に設定されます。fill が true に設定されている場合にのみ使用されます。 | 26.0 | ||
| rendered | Boolean | グラフでグラフ系列を表示するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| rendererFn | String | 各データポイントが表示される方法を追加または上書きする JavaScript 関数の名前を指定する文字列。追加のスタイルを指定またはデータを追加するために実装します。 | 26.0 | ||
| showInLegend | Boolean | このグラフ系列をグラフの凡例に追加するかどうかを指定する boolean 値。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| smooth | Integer | 折れ線の平滑度を指定する整数。数値が低いほど、高い平滑度が適用されます。0 (ゼロ) を指定すると、平滑化が無効になり、系列の点と点を結ぶ線には直線が使用されます。 | 26.0 | ||
| strokeColor | String | HTML スタイルの (16 進) 色として、この系列の折れ線の色を指定する文字列。指定されていない場合、色はグラフの colorSet またはテーマから順に使用されます。 | 26.0 | ||
| strokeWidth | String | この系列の折れ線の太さを指定する整数。 | 26.0 | ||
| tips | Boolean | マウスポインターを重ねたときに各データポイントマーカーのツールチップを表示するかどうかを指定する boolean 値。このツールチップの形式は <xField>: <yField> です。指定されていない場合、この値はデフォルトの true に設定されます。 | 23.0 | ||
| title | String | このグラフ系列のタイトル。グラフの凡例に表示されます。 | 23.0 | ||
| xField | String | 系列のデータポイントごとの X 軸の値の取得元である、グラフデータに指定された各レコードの項目。この項目はグラフデータのすべてのレコードに存在している必要があります。 | はい | 23.0 | |
| yField | String | 系列のデータポイントごとの Y 軸の値の取得元である、グラフデータに指定された各レコードの項目。この項目はグラフデータのすべてのレコードに存在している必要があります。 | はい | 23.0 |