PowerApps의 세로 막대형 차트 및 꺾은선형 차트 컨트롤Column chart and Line chart controls in PowerApps

데이터를 x 및 축이 있는 그래프로 표시하는 컨트롤입니다.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 – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.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.

MarkerSuffix - Markers 속성이 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.