Power Apps での 棒グラフ コントロールと 折れ線グラフ コントロール

X 軸と Y 軸からなるグラフとしてデータを表示するコントロール。

内容

棒グラフ コントロールと折れ線グラフ コントロールはグループ化されたコントロールです。 各グループには 3 つのコントロールが含まれます: タイトルの ラベル、グラフのグラフィック、および凡例

グラフの主要なプロパティ

Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソース。

NumberOfSeries – 縦棒グラフまたは折れ線グラフに反映されるデータ列の数。

追加のグラフ プロパティ

BorderColor – コントロールの境界線の色。

BorderStyle – コントロールの境界線が実線破線点線、またはなしかどうか。

BorderThickness – コントロールの境界線の太さ。

Color – コントロールのテキストの色。

DisabledBorderColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの境界線の色。

DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。

Font – テキストを表示するフォントのファミリーの名前。

GridStyle – 縦棒グラフまたは折れ線グラフで、X 軸と Y 軸のどちらか一方または両方を表示するか、または両方とも表示しないか。

Height – コントロールの上端と下端間の距離。

HoverBorderColor – ユーザーがコントロール上にマウス ポインターを重ねているときのコントロールの境界線の色。

ItemColorSet – グラフ内の各データ ポイントの色です。

ItemsGap – 縦棒グラフの縦棒間の距離。

  • ItemsGap プロパティは、棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。

Markers – 縦棒グラフまたは折れ線グラフで各データ ポイントの値を表示するかどうか。

MarkerSuffixMarkers プロパティが true に設定されている縦棒グラフで、各値の後ろに表示するテキスト。

  • MarkerSuffix プロパティは、棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。

MinimumBarWidth – 縦棒グラフの縦棒の最も狭い幅。

  • MinimumBarWidth プロパティは、棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。

OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離。

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離。

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離。

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離。

PressedBorderColor – ユーザーがコントロールをタップまたはクリックしたときのコントロールの境界線の色。

SeriesAxisMax – 縦棒グラフまたは折れ線グラフの Y 軸の最大値。

  • SeriesAxisMax プロパティは、棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。

SeriesAxisMin – 縦棒グラフの Y 軸の最小値を決定する数値。

  • SeriesAxisMin プロパティは、棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。

Size – コントロールに表示されるテキストのフォント サイズ。

TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。

Visible – コントロールが表示されるか非表示になるか。

Width – コントロールの左端と右端間の距離。

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。

XLabelAngle – 縦棒グラフまたは折れ線グラフの X 軸の下のラベルの角度。

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。

YAxisMax – 折れ線グラフの Y 軸の最大値。

  • YAxisMax プロパティは、折れ線グラフ コントロールでは使用できますが、棒グラフ コントロールでは使用できません。

YAxisMin – 折れ線グラフの Y 軸の最小値。

  • YAxisMin プロパティは、折れ線グラフ コントロールでは使用できますが、棒グラフ コントロールでは使用できません。

YLabelAngle – 折れ線グラフまたは縦棒グラフの Y 軸の横のラベルの角度。

Max( DataSource, ColumnName )

  1. ボタン コントロールを追加し、OnSelect プロパティに次の式を設定します:
    Collect(Revenue, {Year:"2013", Europa:24000, Ganymede:22300, Callisto:21200}, {Year:"2014", Europa:26500, Ganymede:25700, Callisto:24700},{Year:"2014", Europa:27900, Ganymede:28300, Callisto:25600})

    コントロールの追加および構成 についてはこちらをご覧ください。

    Collect 関数または その他の関数 については、各関連記事を参照してください。

  2. F5 キーを押して、ボタン コントロールをクリックまたはタップしてから、Esc キーを押して既定のワークスペースに戻ります。

  3. 棒グラフ コントロールまたは折れ線グラフ コントロールを追加し、Items プロパティを売上に、NumberOfSeries プロパティを 3 に設定します。

    コントロールには、過去 3 年間の各製品の売上データが表示されます。

アクセシビリティ ガイドライン

色のコントラスト

次の間には適切な色のコントラストが必要です:

  • ItemColorSet の各項目
  • ItemColorSet の各項目と背景色
  • Color と背景色

スクリーン リーダー サポート

  • タイトルとして機能するグラフのグラフィックの直前には、ラベル が必要です。

  • グラフのグラフィックの概要を追加することを検討してください。 たとえば、"折れ線グラフは、今年の 3 月から 8 月の売上が着実に増加していることを示しています。"

    注意

    グラフのグラフィックと凡例はスクリーン リーダー ユーザーには表示されません。 代わりに、データの表形式が表示されます。 また、グラフ内のデータを選択するボタンを切り替えることもできます。

弱視のサポート

  • 複数の系列が表示されている場合は、凡例が必要です。
  • GridStyle を両方の軸を示す GridStyle.All に設定することを検討してください。 これにより、すべてのユーザーがデータの規模を正確に判断できるようになります。
  • Column chartの場合は、Markerstrue に設定することを検討してください。 これにより、色覚や視力に障碍のあるユーザーが列の値を判断できるようになります。

キーボードのサポート

  • TabIndex を 0 以上にして、キーボード ユーザーがそこに移動できるようにする必要があります。

    注意

    キーボード ユーザーがグラフに移動すると、グラフ内のデータを選択するボタンを切り替えることができます。

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。