PowerApps에서 꺾은선형, 원형 또는 막대형 차트로 데이터 표시Show data in a line, pie, or bar chart in PowerApps

꺾은선형 차트, 원형 차트 및 막대형 차트를 사용하여 캔버스 앱에 데이터를 표시합니다.Use line charts, pie charts, and bar charts to display your data in a canvas app. 차트를 사용할 때 가져오는 데이터는 다음 기준에 따라 구성되어야 합니다.When you work with charts, the data that you import should be structured based on these criteria:

  • 각 시리즈는 첫 번째 행에 있어야 합니다.Each series should be in the first row.
  • 맨 왼쪽 열에 레이블이 있어야 합니다.Labels should be in the leftmost column.

예를 들어 데이터는 다음과 비슷하게 표시됩니다.For example, your data should look similar to the following:

PowerApps 내에서 이러한 차트를 만들고 사용할 수 있습니다.You can create and use these charts within PowerApps. 이제 시작하겠습니다.Let's get started.

필수 조건Prerequisites

  • PowerApps에 등록한 다음, 등록에 사용한 동일한 자격 증명을 사용하여 로그인합니다.Sign up for PowerApps, and then sign in using the same credentials that you used to sign up.
  • 템플릿, 데이터에서 앱을 만들거나 처음부터만듭니다.Create an app from a template, from data, or from scratch.
  • PowerApps에서 컨트롤 구성을 어떻게 하는지 알아봅니다.Learn how to configure a control in PowerApps.
  • 샘플 데이터가 XML 파일로 포함된 ChartData.zip을 다운로드합니다.Download ChartData.zip, which contains sample data as an XML file. 이 항목의 단계를 수행하여 앱에 직접 가져옵니다.Follow the steps in this topic to import it directly into your app. 대신 .zip 파일의 압축을 풀고, Excel에서 XML 파일을 열고, 클라우드 저장소 계정에 저장합니다.As an alternative, decompress the .zip file, open the XML file in Excel, and save it to a cloud-storage account.

샘플 데이터 가져오기Import the sample data

이 단계에서는 ProductRevenue라는 컬렉션에 샘플 데이터를 가져옵니다.In these steps, we import the sample data into a collection, named ProductRevenue.

  1. 삽입 탭에서 컨트롤을 선택한 다음 가져오기를 선택합니다.On the Insert tab, select Controls, and then select Import:

  2. 컨트롤의 OnSelect 속성을 다음 함수로 설정합니다.Set the control's OnSelect property to the following function:

    Collect(ProductRevenue, Import1.Data)

  3. F5 키를 눌러 미리 보기 모드를 열고 데이터 가져오기 단추를 선택합니다.Press F5 to open Preview mode, and then select the Import Data button.

  4. 열기 대화 상자에서 ChartData.zip을 선택하고 열기를 선택한 다음 Esc 키를 누릅니다.In the Open dialog box, select ChartData.zip, select Open, and then press Esc.

  5. 파일 메뉴에서 컬렉션을 선택합니다.On the File menu, select Collections.

    ProductRevenue 컬렉션은 가져온 차트 데이터와 함께 나열됩니다.The ProductRevenue collection is listed with the chart data you imported:


    Excel과 같은 데이터를 가져오고 컬렉션을 만드는 데 가져오기 컨트롤을 사용합니다.The import control is used to import Excel-like data and create the collection. 가져오기 컨트롤은 앱을 만들고 앱을 미리 볼 때 데이터를 가져옵니다.The import control imports data when you are creating your app, and previewing your app. 현재는 앱을 게시할 때 가져오기 컨트롤에서 데이터를 가져오지 않습니다.Currently, the import control does not import data when you publish your app.

  6. 기본 작업 영역으로 돌아가려면 Esc를 누릅니다.Press Esc to return to the default workspace.

원형 차트 추가Add a pie chart

  1. 삽입 탭에서 차트를 선택한 다음 원형 차트를 선택합니다.On the Insert tab, select Charts, and then select Pie Chart.

  2. 데이터 가져오기 단추 아래에서 원형 차트로 이동합니다.Move the pie chart under the Import data button.

  3. 원형 차트 컨트롤에서 원형 차트의 중심을 선택합니다.In the pie-chart control, select the middle of the pie chart:

  4. 원형 차트의 Items 속성을 ProductRevenue.Revenue2014 식으로 설정합니다.Set the Items property of the pie chart to this expression: ProductRevenue.Revenue2014

    원형 차트에서는 2014년의 수익 데이터를 보여줍니다.The pie chart shows the revenue data from 2014.

데이터를 표시하는 막대형 차트 추가Add a bar chart to display your data

이제 막대형 차트에서 이 ProductRevenue 컬렉션을 사용하겠습니다.Now, let's use this ProductRevenue collection in a bar chart:

  1. 탭에서 화면을 추가합니다.On the Home tab, add a screen.]

  2. 삽입 탭에서 차트를 선택한 다음 세로 막대형 차트를 선택합니다.On the Insert tab, select Charts, and then select Column Chart.

  3. 세로 막대형 차트의 중심을 선택합니다.Select the middle of the column chart. 세로 막대형 차트의 Items 속성을 ProductRevenue로 설정합니다.Set the Items property of the column chart to ProductRevenue:

    세로 막대형 차트에서는 2012년의 수익 데이터를 보여줍니다.The column chart shows the revenue data from 2012:

  4. 세로 막대형 차트에서 가운데 사각형을 선택합니다.In the column chart, select the center square:

  5. 차트 탭에서 계열 수를 선택한 다음 수식 입력줄에서 3을 입력합니다.On the Chart tab, select Number of Series, and then enter 3 in the formula bar:

    세로 막대형 차트는 3년 동안 각 제품에 대한 수익 데이터를 표시합니다.The column chart shows revenue data for each product over three years: