次の方法で共有


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

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

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

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

Product Revenue2012 Revenue2013 Revenue2014
欧州 21000 26000 28000
Ganymede 15000 17000 21000
Callisto 14000 19000 23000

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

前提条件

サンプル データをインポートする

以下の手順では、ProductRevenue という名前のコレクションにサンプル データをインポートします。

  1. コマンド バーで 挿入 > メディア > インポート を選択します。

  2. コントロールの OnSelect プロパティを次の関数に設定します。

    Collect(ProductRevenue, Import1.Data)

  3. アプリの操作メニュー で、アプリのプレビュー を選択し、 データのインポート ボタンを選択します。

  4. 開く ダイアログ ボックスで、Excel ファイルを選択し、開く を選択して、次に Esc を押します。

  5. アプリ作成メニュー で、変数 > コレクション を選択します。

    ProductRevenue コレクションは、インポートしたグラフ データとリストされる必要があります。

    注意

    インポート コントロールの目的は、Excel と同様のデータをインポートしてコレクションを作成することです。 インポート コントロールによってデータがインポートされるのは、アプリの作成時とアプリのプレビュー時です。 現在、アプリの発行時には、データはインポートされません。

  6. 既定のワークスペースに戻るには、Esc キーを押します。

円グラフを追加する

  1. コマンド バーで 挿入 > グラフ > 円グラフ を選択します。

  2. データのインポート ボタンの下に円グラフを移動します。

  3. 円グラフ コントロールで、円グラフの中心を選択します。

    円グラフ コントロール

  4. 円グラフの Items プロパティをこちらの式に設定します: ProductRevenue.Revenue2014

    Items プロパティ

    円グラフに、2014 年の売り上げデータが表示されます。

    円グラフが更新されました

縦棒グラフを追加してデータを表示する

次に、この ProductRevenue コレクションを縦棒グラフで使用してみましょう。

  1. コマンド バーで、新規スクリーン > 空白 を選択します。

  2. コマンド バーで、 挿入 > ツリー ビュー > 縦棒グラフ を選択します。

  3. 縦棒グラフの中心を選択します。 縦棒グラフの Items プロパティを ProductRevenue に設定します。

    ProductRevenue の Items プロパティ

    縦棒グラフに、2012 年の売上データが表示されます。

    列が更新されました

  4. 縦棒グラフで中央の正方形を選択します。

    中央の正方形を選択します

  5. グラフ タブで系列の数を選択し、次に数式バーに 3 と入力します。

    縦棒グラフに、3 年以上の各製品の売上データが表示されます。

    更新されたグラフ

注意

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

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