この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

apex: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 つである必要があります。
  • left
  • right
  • top
  • bottom
この軸のバインド先は同階層の <apex:axis> コンポーネントによって定義される必要があります。
はい 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 global
markerFill String HTML スタイルの (16 進) 色として指定されるこの系列のデータポイントマーカーの色。指定されていない場合、マーカーの色は線の色と一致します。 23.0
markerSize Integer この系列の各データポイントマーカーのサイズ。指定されていない場合、この値はデフォルトの「3」に設定されます。 23.0
markerType String
この系列の各データポイントマーカーの形状。有効なオプションは、次のとおりです。
  • circle
  • cross
指定されていない場合、マーカーの形状は一連の形状から選択されます。
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