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

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

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

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

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 分かかります。 個人データは収集されません (プライバシー ステートメント)。