x 軸と y 軸を持つグラフとしてデータを表示するコントロール。
Description
縦棒グラフ と 折れ線グラフ は、グループ化されたコントロールです。 各グループには、タイトルの ラベル 、グラフ グラフィック、凡例の 3 つのコントロールが含 まれています。
グラフ キーのプロパティ
アイテム – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソース。
NumberOfSeries – 縦棒グラフまたは折れ線グラフに反映されるデータの列の数。
注
最大9シリーズまで表示可能
その他のグラフ プロパティ
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が Solid、Dashed、Doted、None のいずれであるか。
BorderThickness – コントロールの境界線の太さ。
色 – コントロール内のテキストの色。
DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色。
DisplayMode – コントロールでユーザー入力 (編集) を許可するか、データのみを表示するか (表示)、無効 (無効) にするかを指定します。
フォント – テキストが表示されるフォントファミリの名前。
GridStyle – 縦棒グラフまたは折れ線グラフに x 軸、y 軸、両方、または両方が表示されるかどうか。
Height – コントロールの上端と下端の間の距離。
HoverBorderColor – ユーザーがそのコントロールにマウス ポインターを置いたままにしたときのコントロールの境界線の色。
ItemColorSet – グラフ内の各データ ポイントの色。
ItemsGap – 縦棒グラフの列間の距離。
- ItemsGap プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。
マーカー – 縦棒グラフと折れ線グラフのどちらに各データ ポイントの値が表示されるか。
MarkerSuffix – Marker プロパティが true に設定されている縦棒グラフの各値の後に表示されるテキスト。
- MarkerSuffix プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。
MinimumBarWidth – 縦棒グラフの列の最も狭い幅。
- MinimumBarWidth プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。
OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。
PaddingBottom – コントロール内のテキストとそのコントロールの下端との間の距離。
PaddingLeft – コントロール内のテキストとそのコントロールの左端との間の距離。
PaddingRight – コントロール内のテキストとそのコントロールの右端との間の距離。
PaddingTop – コントロール内のテキストとそのコントロールの上端との間の距離。
PressedBorderColor – ユーザーがそのコントロールをタップまたはクリックしたときのコントロールの境界線の色。
SeriesAxisMax – 縦棒グラフまたは折れ線グラフの y 軸の最大値。
- SeriesAxisMax プロパティは、縦棒グラフ コントロールには使用できますが、折れ線グラフ コントロールでは使用できません。
SeriesAxisMin – 縦棒グラフの y 軸の最小値を決定する数値。
- SeriesAxisMin プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。
サイズ – コントロールに表示されるテキストのフォント サイズ。
TabIndex – 他のコントロールに対するキーボード ナビゲーションの順序。
表示 – コントロールが表示されるか非表示になっているか。
幅 – コントロールの左端と右端の間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
XLabelAngle – 縦棒グラフまたは折れ線グラフの x 軸の下にあるラベルの角度。
Y – コントロールの上端と親コンテナーの上端との間の距離 (親コンテナーがない場合は画面)。
YAxisMax – 折れ線グラフの y 軸の最大値。
- YAxisMax プロパティは折れ線グラフ コントロールで使用できますが、縦棒グラフ コントロールでは使用できません。
YAxisMin – 折れ線グラフの y 軸の最小値。
- YAxisMin プロパティは、折れ線グラフ コントロールでは使用できますが、縦棒グラフ コントロールでは使用できません。
YLabelAngle – 折れ線グラフまたは縦棒グラフの y 軸の横にあるラベルの角度。
関連する関数
Example
Button コントロールを追加し、その OnSelect プロパティを次の数式に設定します。
Collect(Revenue, {Year:"2013", ヨーロッパ:24000, Ganymede:22300, Callisto:21200}、{Year:"2014"、Europa:26500、Ganymede:25700、Callisto:24700}、{Year:"2014"、Europa:27900、Ganymede:28300、Callisto:25600})コントロールを追加して構成する方法がわからない場合
F5 キーを押し、 ボタン コントロールをクリックまたはタップし、Esc キーを押して既定のワークスペースに戻ります。
縦棒グラフ コントロールまたは折れ線グラフ コントロールを追加し、その Items プロパティを Revenue に設定し、NumberOfSeries プロパティを 3 に設定します。
このコントロールには、3 年間の各製品の収益データが表示されます。
アクセシビリティ ガイドライン
色のコントラスト
次の間に適切な色のコントラストが必要です。
- ItemColorSet の各項目
- ItemColorSet のすべての項目と背景色
- 色 と背景色
スクリーン リーダーのサポート
タイトルとして機能するには、グラフ グラフィックの直前に ラベル が必要です。
グラフ グラフィックの概要を追加することを検討してください。 たとえば、"折れ線グラフは、今年の 3 月から 8 月までの売上が着実に増加していることを示しています"。
注
グラフ グラフィックと 凡例 は、スクリーン リーダー ユーザーには表示されません。 別の方法として、データの表形式が表示されます。 また、グラフ内のデータを選択するボタンを順番に切り抜けることもできます。
ロービジョンのサポート
- 複数の系列が表示されている場合は 、凡例 が必要です。
- 両方の軸を表示する GridStyle を GridStyle.All に設定することを検討してください。 これにより、すべてのユーザーがデータのスケールを正確に判断できます。
- 縦棒グラフの場合は、マーカーを true に設定することを検討してください。 これにより、視覚の弱いユーザーが列の値を決定するのに役立ちます。
キーボードのサポート
キーボード ユーザーが移動できるようにするには、TabIndex を 0 以上にする必要があります。
注
キーボード ユーザーがグラフに移動すると、グラフ内のデータを選択するボタンを順番に切り取ることができます。