Power Apps での 円グラフ コントロール
互いに比較した相対値を表示するコントロール。
内容
左端の列にラベルを含み、左から 2 番目の列に値を含むテーブルの相対的なデータを表示する場合は、円グラフ コントロールを追加します。
このコントロールは、3 つのコントロールを含むグループ化されたコントロールです: タイトルの ラベル、グラフのグラフィック、および凡例。
グラフの主要なプロパティ
Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソース。
ShowLabels – 円グラフに各ウェッジに関連付けられた値を表示するかどうか。
追加のグラフ プロパティ
BorderColor – コントロールの境界線の色。
BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。
BorderThickness – コントロールの境界線の太さ。
Color – コントロールのテキストの色。
DisplayMode – コントロールがユーザー入力を許可するか (編集)、データのみを表示するか (表示)、または無効にするか (無効) どうか。
DisabledBorderColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの境界線の色。
Explode – 円グラフ内のウェッジ間の距離。
Font – テキストを表示するフォントのファミリーの名前。
Height – コントロールの上端と下端間の距離。
HoverBorderColor – ユーザーがコントロール上にマウス ポインターを重ねているときのコントロールの境界線の色。
ItemBorderColor – 円グラフ内の各ウェッジの周りの境界線の色。
ItemBorderThickness – 円グラフ内の各ウェッジの周りの境界線の太さ。
ItemColorSet – グラフ内の各データ ポイントの色です。
LabelPosition – ウェッジに相対的な円グラフ内のラベルの場所。
OnSelect – ユーザーがコントロールをタップまたはクリックしたときに実行するアクション。
PressedBorderColor – ユーザーがコントロールをタップまたはクリックしたときのコントロールの境界線の色。
Size – コントロールに表示されるテキストのフォント サイズ。
TabIndex – 他のコントロールに関連するキーボード ナビゲーションの順序。
Visible – コントロールが表示されるか非表示になるか。
Width – コントロールの左端と右端間の距離。
X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。
Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。
関連する関数
例
ボタン コントロールを追加し、OnSelect プロパティに次の式を設定します:
Collect(Revenue2015, {製品:"Europa", 売上:27000}, {製品:"Ganymede", 売上:26300}, {製品:"Callisto", 売上:29200})コントロールの追加および構成 についてはこちらをご覧ください。
F5 キーを押して、ボタン コントロールをクリックまたはタップしてから、Esc キーを押して既定のワークスペースに戻ります。
円グラフ コントロールを追加し、その Items プロパティを Revenue2015 に設定します。
円グラフ コントロールには、他の製品に関連した製品ごとの売上データが表示されます。
アクセシビリティ ガイドライン
色のコントラスト
次の間には適切な色のコントラストが必要です:
- ItemColorSet の各項目
- ItemColorSet の各項目と背景色
- Color と背景色
スクリーン リーダー サポート
タイトルとして機能するグラフのグラフィックの直前には、ラベル が必要です。
注意
グラフのグラフィックと凡例はスクリーン リーダー ユーザーには表示されません。 代わりに、データの表形式が表示されます。 また、グラフ内のデータを選択するボタンを切り替えることもできます。
弱視のサポート
- 凡例が必要です。
- ShowLabels を true に設定することを検討してください。 これにより、視力に障碍のあるユーザーは個々の円スライスが何を表すかを素早く判断できるようになります。
- LabelPosition を LabelPosition.Outside に設定することを検討してください。 これにより、より一貫した色のコントラストになるので、ラベルの読みやすさが向上します。
キーボードのサポート
TabIndex を 0 以上にして、キーボード ユーザーがそこに移動できるようにする必要があります。
注意
キーボード ユーザーがグラフに移動すると、グラフ内のデータを選択するボタンを切り替えることができます。
注意
ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)
この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。