キャンバス アプリでデータを折れ線グラフ、円グラフ、縦棒グラフで表示する

折れ線グラフ、円グラフ、および縦棒グラフを使用して、キャンバス アプリにデータを表示します。 グラフを使用する場合、インポートするデータは次の条件に基づいて構造化されている必要があります。

• 各系列が最初の行にある必要があります。
• ラベルが左端の列にある必要があります。

たとえば、データは次のようになっている必要があります。

Power Apps 内で、これらのグラフを作成し、使用することができます。 それでは始めましょう。

前提条件

• Power Apps にサインアップ し、サインアップに使用した同じ資格情報を使用してサインイン します。
• テンプレートから、データから、または一からアプリを作成します。
• Power Apps でコントロールを構成する方法を説明します。
• XML ファイルとしてサンプル データが含まれた ChartData.zip をダウンロードします。 このトピックの手順に従って直接アプリにインポートします。 代替策として、.zip file を解凍し、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 年以上の各製品の売上データが表示されます。

   

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。