PowerApps の円グラフ コントロールPie chart control in PowerApps

互いに比較した相対値を表示するコントロールです。A control that shows relative values in comparison to each other.


左端の列にラベルを、左から 2 番目の列に値を含むテーブルの相対的なデータを表示する場合は、円グラフ コントロールを追加します。Add a Pie chart control if you want to show relative data from a table that contains labels in the leftmost column and values in the second column from the left.

主要なプロパティKey properties

Items – ギャラリー、リスト、グラフなどのコントロールに表示されるデータのソースです。Items – The source of data that appears in a control such as a gallery, a list, or a chart.

ShowLabels – 円グラフに、各ウェッジに関連付けられた値を表示するかどうかを指定します。ShowLabels – Whether a pie chart shows the value that's associated with each of its wedges.

その他のプロパティAdditional properties

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

Color – コントロールのテキストの色です。Color – The color of text in a control.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

Explode – 円グラフ内のウェッジ間の距離です。Explode – The distance between wedges in a pie chart.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

ItemBorderColor – 円グラフ内の各ウェッジの周りの境界線の色です。ItemBorderColor – The color of the border around each wedge in a pie chart.

ItemBorderThickness – 円グラフ内の各ウェッジの周りの境界線の太さです。ItemBorderThickness – The thickness of the border around each wedge in a pie chart.

ItemColorSet – グラフ内の各データ ポイントの色です。ItemColorSet – The color of each data point in a chart.

LabelPosition – ウェッジを基準とした、円グラフ内のラベルの場所です。LabelPosition – The location of labels in a pie chart relative to its wedges.

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

PressedBorderColor – コントロールをユーザーがタップまたはクリックしたときのコントロールの境界線の色です。PressedBorderColor – The color of a control's border when the user taps or clicks that control.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Max( DataSource, ColumnName )Max( DataSource, ColumnName )


  1. [ボタン] コントロールを追加し、OnSelect プロパティに次の式を設定します。Add a Button control, and set its OnSelect property to this formula:
    Collect(Revenue2015, {Product:"Europa", Revenue:27000}, {Product:"Ganymede", Revenue:26300}, {Product:"Callisto", Revenue:29200})Collect(Revenue2015, {Product:"Europa", Revenue:27000}, {Product:"Ganymede", Revenue:26300}, {Product:"Callisto", Revenue:29200})

    コントロールの追加および構成についてはこちらをご覧ください。Don't know how to add and configure a control?

    Collect 関数またはその他の関数については各関連記事を参照してください。Want more information about the Collect function or other functions?

  2. F5 キーを押して、ボタン コントロールをクリックまたはタップしてから、Esc キーを押して既定のワークスペースに戻ります。Press F5, click or tap the Button control, and then press Esc to return to the default workspace.
  3. 円グラフ コントロールを追加し、その Items プロパティを Revenue2015 に設定します。Add a Pie chart control, and set its Items property to Revenue2015.

    円グラフ コントロールには、他の製品に関連した製品ごとの収益データが表示されます。The Pie chart control shows revenue data for each product in relation to the other products.