PowerApps での縦棒グラフ コントロールと折れ線グラフ コントロールColumn chart and Line chart controls in PowerApps

X 軸と Y 軸からなるグラフとしてデータを表示するコントロールです。Controls that show data as graphs with x- and y-axes.

説明Description

既定では、縦棒グラフ コントロールまたは折れ線グラフ コントロールは、グループ化された複数のコントロールで構成されます。By default, a Column chart control or a Line chart control comprises multiple controls grouped together. これらのコントロールには、タイトル、データ、凡例が表示されます。These controls show a title, data, and a legend.

主要なプロパティKey properties

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

NumberOfSeries – 縦棒グラフまたは折れ線グラフに反映されるデータ列の数です。NumberOfSeries – How many columns of data are reflected in a column or line chart.

すべてのプロパティAll 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.

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

GridStyle – 縦棒グラフまたは折れ線グラフで、X 軸と Y 軸のどちらか一方または両方を表示するか、または両方とも表示しないかを指定します。GridStyle – Whether a column or line chart shows its x-axis, its y-axis, both, or neither.

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.

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

ItemsGap – 縦棒グラフの縦棒間の距離です。ItemsGap – The distance between columns in a column chart.

  • ItemsGap プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The ItemsGap property is available for the Column chart control but not the Line chart control.

Markers – 縦棒グラフまたは折れ線グラフで各データ ポイントの値を表示するかどうかを指定します。Markers – Whether a column or line chart shows the value of each data point.

MarkerSuffixMarkers プロパティが true に設定されている縦棒グラフで、各値の後に表示するテキストです。MarkerSuffix – Text that appears after each value in a column chart for which the Markers property is set to true.

  • MarkerSuffix プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The MarkerSuffix property is available for the Column chart control but not the Line chart control.

MinimumBarWidth – 縦棒グラフの縦棒の表示に可能な最も狭い幅です。MinimumBarWidth – The narrowest possible width of columns in a column chart.

  • MinimumBarWidth プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The MinimumBarWidth property is available for the Column chart control but not the Line chart control.

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

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離です。PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離です。PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離です。PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離です。PaddingTop – The distance between text in a control and the top edge of that control.

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

SeriesAxisMax – 縦棒グラフまたは折れ線グラフの Y 軸の最大値です。SeriesAxisMax – The maximum value of the y-axis for a column or line chart.

  • SeriesAxisMax プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The SeriesAxisMax property is available for the Column chart control but not the Line chart control.

SeriesAxisMin – 縦棒グラフの Y 軸の最小値を決める値です。SeriesAxisMin – A number that determines the minimum value of the y-axis for a column chart.

  • SeriesAxisMin プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The SeriesAxisMin property is available for the Column chart control but not the Line chart 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).

XLabelAngle – 縦棒グラフまたは折れ線グラフの X 軸の下に表示されるラベルの角度です。XLabelAngle – The angle of the labels below the x-axis of a column or line chart.

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

YAxisMax – 折れ線グラフの Y 軸の最大値です。YAxisMax – The maximum value of the y-axis for a line chart.

  • YAxisMax プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The YAxisMax property is available for the Column chart control but not the Line chart control.

YAxisMin – 折れ線グラフの Y 軸の最小値です。YAxisMin – The minimum value of the y-axis for a line chart.

  • YAxisMin プロパティは、縦棒グラフ コントロールでは使用できますが、折れ線グラフ コントロールでは使用できません。The YAxisMin property is available for the Column chart control but not the Line chart control.

YLabelAngle – 折れ線グラフまたは縦棒グラフの Y 軸の横に表示されるラベルの角度です。YLabelAngle – The angle of the labels next to the y-axis of a line or column chart.

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

Example

  1. [ボタン] コントロールを追加し、OnSelect プロパティに次の式を設定します。Add a Button control, and set its OnSelect property to this formula:
    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(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})

    コントロールの追加および構成についてはこちらをご覧ください。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 プロパティを Revenue に、NumberOfSeries プロパティを 3 に設定します。Add a Column chart control or a Line chart control, set its Items property to Revenue, and set its NumberOfSeries property to 3.

    コントロールに、過去 3 年間の各製品の売上データが表示されます。The control shows revenue data for each product over three years.