請使用折線圖、圓形圖和橫條圖來顯示資料。 使用圖表時,您所匯入的資料應該採用如下所示的結構︰

  • 每個系列應位於第一列。
  • 標籤應位於最左邊的資料行。

例如,您的資料看起來應該如下所示︰

您可以在 PowerApps 中建立及使用這些圖表。 讓我們開始吧。

必要條件

  • 註冊 PowerApps,然後安裝 PowerApps。 開啟 PowerApps 之後,以您註冊時使用的認證來登入。
  • 利用範本資料,或從零開始建立應用程式。
  • 了解如何在 PowerApps 中設定控制項
  • 下載 ChartData.zip,其包含 XML 檔案形式的資料範例。 遵循本主題中的步驟,將其直接匯入您的應用程式。 或者,解壓縮 .zip 檔案,在 Excel 中開啟 XML 檔案,然後將它儲存到雲端儲存體帳戶

匯入資料範例

在這些步驟中,我們會將資料範例匯入名為 ProductRevenue 的集合中。

  1. 在 [插入] 索引標籤上,選取 [控制項],然後選取 [匯入]:

  2. 將控制項的 OnSelect 屬性設定為下列函式:
    Collect(ProductRevenue, Import1.Data)

  3. 按下 F5 鍵以開啟預覽模式,然後選取 [匯入資料] 按鈕。

  4. 在 [開啟] 對話方塊中,選取 ChartData.zip,選取 [開啟],然後按下 Esc 鍵。

  5. 在 [檔案] 功能表中,選取 [集合]。

    隨即會列出 ProductRevenue 集合與您匯入的圖表資料︰

    注意:

    匯入控制項可用來匯入類似 Excel 的資料,並建立集合。 匯入控制項會在您建立應用程式和預覽應用程式時匯入資料。 目前,匯入控制項不會在您發佈應用程式時匯入資料。

  6. 按下 Esc 鍵以返回預設工作區。

新增圓形圖

  1. 在 [插入] 索引標籤上,選取 [圖表],然後選取 [圓形圖]。

  2. 將圓形圖移到 [匯入資料] 按鈕底下。

  3. 在圓形圖控制項中,選取圓形圖的中間︰

  4. 將圓形圖的 Items 屬性設定為下列運算式:
    ProductRevenue.Revenue2014

    圓形圖會顯示 2014 年的營收資料。

新增橫條圖來顯示資料

現在,讓我們在橫條圖中使用這個 ProductRevenue 集合︰

  1. 在 [首頁] 索引標籤上新增一個畫面。

  2. 在 [插入] 索引標籤上,選取 [圖表],然後選取 [直條圖]。

  3. 選取直條圖的中間。 將直條圖的 Items 屬性設定為 ProductRevenue

    直條圖會顯示 2012 年的營收資料︰

  4. 在直條圖中,選取中央的矩形︰

  5. 在 [圖表] 索引標籤上,選取 [系列數目],然後在公式列中輸入 3

    此直條圖會顯示過去 3 年每項產品的營收資料: