チャートコンポーネントは、さまざまな種類のグラフを表現するxfyコンポーネントです。XML文書中の数値や、xfyユーザーエージェントを利用して実現された表計算機能などから、データを視覚的に表現するために使用します。チャートコンポーネントは、表示に必要な基本的な機能だけを提供します。この文書では、チャートコンポーネントの機能仕様を解説します。
グラフを記述するための要素・属性は、「チャート記述リファレンス」をご覧ください。
チャートコンポーネントの機能仕様を解説します。
チャートコンポーネントは、さまざまな種類のグラフを表現するxfyコンポーネントです。XML文書中の数値や、xfyユーザーエージェントを利用して実現された表計算機能などから、データを視覚的に表現するために使用します。チャートコンポーネントは、表示に必要な基本的な機能だけを提供します。この文書では、チャートコンポーネントの機能仕様を解説します。
グラフを記述するための要素・属性は、「チャート記述リファレンス」をご覧ください。
チャートコンポーネントで作成されるグラフの、主な構成要素を説明します。
チャート記述ボキャブラリでは、これらの構成要素の表示に関する設定を変更することができます。
チャートコンポーネントでは、以下の13分類に大別されるグラフを表示できます。
それぞれの分類に含まれるグラフの種類を合計すると、全部で108種類になります。
以下、グラフの分類への簡単な説明と、分類に含まれるグラフの種類とその特徴の一覧表を示します。なお、説明中のグラフ種類の名前は、チャートコンポーネントでグラフを作成するときに、
chart:chart要素のtype属性に設定する名前です。
棒の長さが量や比率を表すグラフです。
棒グラフには、次の特徴を組み合わせて作られる18種類のグラフがあります。
棒グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 向き | 奥行き | 積み立て | %単位 | 円柱 |
|---|---|---|---|---|---|
VBar
|
縦 | ||||
WideVBar
|
縦 |
|
|||
WideVCylinder
|
縦 |
|
|
||
StackedVBar
|
縦 |
|
|||
WideStackedVBar
|
縦 |
|
|
||
WideStackedVCylinder
|
縦 |
|
|
|
|
StackedVBarPercent
|
縦 |
|
|
||
WideStackedVBarPercent
|
縦 |
|
|
|
|
WideStackedVCylinderPercent
|
縦 |
|
|
|
|
HBar
|
横 | ||||
WideHBar
|
横 |
|
|||
WideHCylinder
|
横 |
|
|
||
StackedHBar
|
横 |
|
|||
WideStackedHBar
|
横 |
|
|
||
WideStackedHCylinder
|
横 |
|
|
|
|
StackedHBarPercent
|
横 |
|
|
||
WideStackedHBarPercent
|
横 |
|
|
|
|
WideStackedHCylinderPercent
|
横 |
|
|
|
|
隣り合ったデータの間を直線で結んだグラフです。
折れ線グラフには、次の特徴を組み合わせて作られる12種類のグラフがあります。
折れ線グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 向き | 奥行き | 線の引き方 |
|---|---|---|---|
VLineBoundary
|
縦 | 境界 | |
WideVLineBoundary
|
縦 |
|
境界 |
VLineMiddle
|
縦 | 中央 | |
|
縦 |
|
中央 |
VLineStair
|
縦 | 階段 | |
WideVLineStair
|
縦 |
|
階段 |
HLineBoundary
|
横 | 境界 | |
WideHLineBoundary
|
横 |
|
境界 |
HLineMiddle
|
横 | 中央 | |
WideHLineMiddle
|
横 |
|
中央 |
HLineStair
|
横 | 階段 | |
WideHLineStair
|
横 |
|
階段 |
データを積み重ねて、量を面で表したグラフです。
面グラフには、次の特徴を組み合わせて作られる8種類のグラフがあります。
面グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 向き | 奥行き | %単位 |
|---|---|---|---|
VArea
|
縦 | ||
VAreaPercent
|
縦 |
|
|
WideVArea
|
縦 |
|
|
WideVAreaPercent
|
縦 |
|
|
HArea
|
横 | ||
HAreaPercent
|
横 |
|
|
WideHArea
|
横 |
|
|
WideHAreaPercent
|
横 |
|
|
全体を表す円を分割した扇形の面積で、それぞれの構成要素の量を表すグラフです。複数の系列を表すためには、複数の円グラフを作成したり、同心円のそれぞれの円に系列を割り当てたりします。
円グラフには、次の特徴を組み合わせて作られる8種類のグラフがあります。
円グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 配置 | 奥行き | サイズ比 |
|---|---|---|---|
SimplePie
|
単一円 | ||
PluralPie
|
複数円 | ||
PluralPieProportion
|
複数円 |
|
|
MultiplePie
|
同心円 | ||
WideSimplePie
|
単一円 |
|
|
WidePluralPie
|
複数円 |
|
|
WidePluralPieProportion
|
複数円 |
|
|
WideMultiplePie
|
同心円 |
|
中心に穴が開いた円グラフです。
ドーナツグラフには、次の特徴を組み合わせて作られる8種類のグラフがあります。
ドーナツグラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 配置 | 奥行き | サイズ比 |
|---|---|---|---|
SimpleDoughnut
|
単一円 | ||
PluralDoughnut
|
複数円 | ||
PluralDoughnutProportion
|
複数円 |
|
|
MultipleDoughnut
|
同心円 | ||
WideSimpleDoughnut
|
単一円 |
|
|
WidePluralDoughnut
|
複数円 |
|
|
WidePluralDoughnutProportion
|
複数円 |
|
|
WideMultipleDoughnut
|
同心円 |
|
中心から放射状に配置した軸の上にデータを表示し、隣り合った軸上のデータ同士を結んだ多角形で表現されるグラフです。
レーダーチャートには、次の特徴を組み合わせて作られる6種類のグラフがあります。
レーダーチャートの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 枠の形 | 形状 | 目盛の間隔 |
|---|---|---|---|
RadarAxisAlignAngled
|
多角形 | 線と点 | 揃える |
RadarAxisAlignCircular
|
円 | 線と点 | 揃える |
RadarAxisNoAlignAngled
|
多角形 | 線と点 | 軸ごと |
RadarAxisNoAlignCircular
|
円 | 線と点 | 軸ごと |
RadarAxisNoAlignFrame
|
なし | 線と点 | 軸ごと |
RadarAxisAlignAngledFilled
|
多角形 | 塗りつぶし | 揃える |
1つのデータが独立して変動する2つの数値で表されるときに、その値をx軸・y軸の座標として点描したグラフです。系列ごとに点の間を結ぶ線(接続線)を引いたり、点から各軸への垂線(降下線)を引いたりすることもできます。
散布図には、次の特徴を組み合わせて作られる18種類のグラフがあります。
散布図の種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 補助線 | 対数数値軸 | 対散布図 |
|---|---|---|---|
XYPlot
|
|||
XYPlotSeriesBorder
|
接続線 | ||
XYPlotDropLinesX
|
降下線(x軸) | ||
XYPlotDropLinesY
|
降下線(y軸) | ||
XYPlotDropLinesXY
|
降下線(x 軸・y軸) | ||
XYPlotLogY
|
y軸 | ||
XYPlotLogXY
|
x軸・y軸 | ||
XYPlotSeriesBorderLogY
|
接続線 | y軸 | |
XYPlotSeriesBorderLogXY
|
接続線 | x軸・y軸 | |
XYPlotPair
|
|
||
XYPlotPairSeriesBorder
|
接続線 |
|
|
XYPlotPairDropLinesX
|
降下線(x軸) |
|
|
XYPlotPairDropLinesY
|
降下線(y軸) |
|
|
XYPlotPairDropLinesXY
|
降下線(x軸・y軸) |
|
|
XYPlotPairLogY
|
y軸 |
|
|
XYPlotPairLogXY
|
x軸・y軸 |
|
|
XYPlotPairSeriesBorderLogY
|
接続線 | y軸 |
|
XYPlotPairSeriesBorderLogXY
|
接続線 | x軸・y軸 |
|
1つのデータが独立して変動する3つの数値で表されるときに、その値をx軸・y軸・z軸の軸の座標として点描したグラフです。点から2つの軸で作成される面への垂線(降下線)を引いたり、点の間を結ぶ線(接続線)を引いたりすることもできます。また、点をxy平面に投影した影(投影図)を表示することもできます。
3D散布図には、補助線の表現形式が異なる5種類のグラフがあります。3D散布図の種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 補助線 |
|---|---|
XYZPlot
|
|
XYZPlotSeriesBorder
|
接続線 |
XYZPlotDropLinesXY
|
降下線(xy平面) |
XYZPlotProjection
|
投影図(xy平面) |
XYZPlotDropLines
|
降下線(xy平面・yz平面・xz平面) |
両端のひげの先が最大値と最小値を示し、箱の部分で1/4値と3/4値、中央値などをグラフです。
箱ひげ図には、縦向きのグラフと横向きのグラフがあります。箱ひげ図の種類を下記の表に示します。
| グラフ種類の名前 | 向き |
|---|---|
VBoxplot
|
縦 |
HBoxplot
|
横 |
データをいくつかの区分に区切り、各区分に入るデータの度数を棒グラフで表すグラフです。
度数分布図には、次の特徴を組み合わせて作られる6種類のグラフがあります。
度数分布図の種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 向き | 奥行き | 円柱 |
|---|---|---|---|
VHistogram
|
縦 | ||
WideVHistogram
|
縦 |
|
|
WideVHistogramCylinder
|
縦 |
|
|
HHistogram
|
横 | ||
WideHHistogram
|
横 |
|
|
WideHHistogramCylinder
|
横 |
|
|
株価の推移を見るのに適したグラフです。ローソク足チャートが使用されています。
株価グラフには、次の特徴を組み合わせて作られる4種類のグラフがあります。
株価グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 棒出来高 | 移動平均線 |
|---|---|---|
StockCandleStick
|
||
StockCandleStickVolume
|
|
|
StockCandleStickTrendLine
|
|
|
StockCandleStickVolumeTrendLine
|
|
|
x軸、y軸、z軸に項目名、系列名、値を表すグラフです。
3Dグラフには、次の特徴が異なる4種類のグラフがあります。
3Dグラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 種類 |
|---|---|
3DVBar
|
棒(角柱) |
3DVCylinder
|
棒(円柱) |
3DLine
|
折れ線 |
3DArea
|
面 |
1つのグラフ上で、2種類のグラフを組み合わせたグラフです。
複合グラフには、次の特徴を組み合わせて作られる9種類のグラフがあります。
複合グラフの種類とその特徴を、下記の表に示します。
| グラフ種類の名前 | 種類の組み合わせ | 向き | 奥行き | 円柱 |
|---|---|---|---|---|
PyramidVBar
|
棒・棒(ピラミッド型) | 縦 | ||
PyramidHBar
|
棒・棒(ピラミッド型) | 横 | ||
PyramidHCylinder
|
棒・棒(ピラミッド型) | 横 |
|
|
VBarLine
|
棒・折れ線 | 縦 | ||
WideVBarLine
|
棒・折れ線 | 縦 |
|
|
StackedVBarLine
|
積み立て棒・折れ線 | 縦 | ||
WideStackedVBarLine
|
積み立て棒・折れ線 | 縦 |
|
|
VAreaLine
|
面・折れ線 | 縦 | ||
WideVAreaLine
|
面・折れ線 | 縦 |
|