Canvaホーム
ヘルプ

面グラフを使用して成長と影響を時系列で表示する


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

時系列で値の推移や傾向を強調して示します。線の下のスペースを埋めることで、面グラフによるデータの蓄積や推移の視覚化の効果が高まります。

面グラフの仕組み

面グラフは線グラフと同じように機能しますが、線の下のスペースを埋めて量や推移を強調します。

面グラフの種類

使用できる面グラフは4種類あります。

積み上げ面グラフ

複数のデータ項目が重なって表示され、個々の要素が時系列で全体にどのように影響するのかを示します。

非積み上げ面グラフ

積み重ねずに複数のデータ項目を表示し、累積合計ではなく個々の値を比較するのに最適です。

比率面グラフ

全体の一部としてさまざまな値の相対的なサイズを強調表示し、市場シェアなどの比率を比較するのに便利です。

ストリームグラフ

スムーズで流れる図形を使用して、データの変化を時系列で表示し、データの全体的な流れとバリエーションを強調します。

面グラフを追加する

これが面グラフを追加する最初のステップです。後は、グラフデータを手動で追加したり、外部ソースからインポートしたりできます。

  1. デザインを作成するか、既存のデザインを開きます。
  2. エディターのサイドパネルから、
    [グラフ] を選択します。表示されない場合は、まず
    [アプリ] タブを選択してから [グラフ] を選択します。
  3. [面グラフ] でデータに最適なグラフを選択します。

グラフデータを設定

データ要件:

  • ラベル列(例:月、年、カテゴリー)
  • 1つ以上の数値列

データは、手動で追加することや、表計算ツールからインポートすること、データソースアプリと連携することで追加できます。

グラフデータを手動で追加する

グラフの表にデータを入力し、表の各部分を見直して、表のデータが正確に反映されていることを確認します

データを追加する

  1. グラフを選択し、ツールバーで
    [編集] をクリックします。
  2. サイドパネルで、[データ] 表にグラフの値を入力します。
    [データ表を展開] を選択して、データを全画面で表示することもできます。

行と列を追加する

  1. 新しい行を追加するには、行を選択し、
    [もっと見る] をクリックします。
    1. [先頭に行を挿入] または [最下部に行を挿入] を選択します。
    2. 行を削除するには、[行を削除] を選択します。
  2. 新しい列を追加するには、列を選択して
    [もっと見る] をクリックします。
    1. [左に列を挿入] または [右に列を挿入] を選択します。
    2. 列を削除するには、[列を削除] を選択します。

メモ:Canvaでデータを編集するときは、キーボードのShiftキーを使用して複数のセル、行、列を選択します。クリックしてドラッグすると複数のセルを選択することもできます。

データを並べ替える

  1. グラフのデータを並べ替えるには、列を選択して
    [もっと見る] をクリックします。
  2. [表の並べ替え(A - Z)] をクリックして昇順に並べ替えるか、[表の並べ替え(Z - A)] をクリックして降順に並べ替えます。

グラフデータをインポート

Canvaスプレッドシートのデータか、データソースアプリと連携させます。 CSV、TSV、またはXLSXファイルを使用して、データをインポートすることもできます。 現在、最大1,000行、100列までインポートできます。

  1. グラフを選択または追加し、[
    編集] を選択します。
  2. サイドパネルから、[
    データをインポート] をクリックします。
  3. ここから、次を選択できます。
    1. [Canvaシート] を選択して、Canvaシートのデータに接続します。
    2. 利用可能なオプションからデータソースを選択します:Googleスプレッドシート、Salesforce、Googleアナリティクス、HubSpot、世界銀行。
    3. [
      データをアップロード] を選択して、CSV、XLSX、またはTSVファイルをアップロードします。

ヒント:データがロードされた後、

データアクションを使用して、インポートする前にクリーニングおよび整理できます。以下のデータアクションでインポートデータをクリーニングするを参照してください。

4. サードパーティ製のアプリを選択した場合、(必要な場合は) そのアプリにログインし、Canvaがあなたのデータにアクセスする権限を付与してください。

5. インポートされたデータから、使用したい特定のデータセットを選択します。

6. 完了をして、データをに同期します。

面グラフに表示するデータを選択する

データを追加したら、表示するデータと、線グラフにどのように表示したいかを選択します。グラフは後からカスタマイズできます。

  1. [グラフ] をクリックしてツールバーを開き、
    [編集] を選択します。
  2. グラフパネルのデータ表にある [グラフ設定] に移動します。
  3. [ラベル - 表示内容] で、X軸のカテゴリー列(水平軸)を選択します。
  4. [線 – 表示値 ] ドロップダウンメニューをクリックし、数値 (Y軸) の列を選択します。

面グラフをカスタマイズ

表示するデータを選択したら、面グラフの読みやすさと明瞭さを向上させます。

面グラフの読みやすさと明瞭さを向上させる

  1. グラフをクリックしてツールバーを開き、 [編集]を選択します。
  2. グラフパネルで、 [カスタマイズ]タブを選択します。
  3. タイトルとサブタイトルを追加するには、 [カスタマイズ]タブに移動し、それぞれのテキストフィールドにタイトルサブタイトルを入力します。
  4. [テキスト]ドロップダウンをクリックします。レジェンドスイッチをオンまたはオフに切り替えます。
  5. [X軸]またはY軸のドロップダウンをクリックして、ラベルをオンまたはオフに切り替え、軸タイトルを追加します。
  6. [設定]ドロップダウンで、グリッド線の切り替えをオンまたはオフにできます。
  7. [設定]では、ツールチップをオンにして、グラフにカーソルを合わせると詳細を表示したり、オフにして非表示にしたりできます。

グラフの色を変更する

  1. グラフをクリックして、ツールバーを開きます。
  2. エディターのツールバーで、編集するカラータイルを選択します。カラーパネルがサイドに開きます。
  3. グラフでカラーを使用するには、オプションからカラータイルをクリックします。カラーにカーソルを合わせると、その表示名が表示されます。
  4. お探しの色が利用できない場合は、
    新しい色を追加(レインボーカラータイル)をクリックします。
  5. デザインするから色を選択するには、
    色の選択(スポイト)ボタンをクリックし、キャンバス上の任意の色を選択します。
  6. 現在のページまたはすべてのページで色を置き換えるには、現在のページまたはすべてのページを選択します。
  7. チーム管理者またはブランドデザイナーがすでにチームのブランドキットにグラフのスタイルを追加している場合は、ブランドカラーから選択します。詳細な手順については、「ブランドイメージを維持したグラフを作成する」をご覧ください。

グラフフィルターを追加

チャートフィルターはプロプランやその他の有料プランでのみ利用できます。

  1. 設定ドロップダウンを選択します。
  2. [フィルターを追加]を選択します。
  3. [データを選択]ドロップダウンを選択して、フィルターカテゴリーを選択します。
  4. フィルタースタイルを選択します。ボタンまたは範囲スライダー。
  5. [インタラクティブカラータイル]を選択して、フィルターボタンや範囲スライダーの色を変更します。
  6. [設定]を選択して、現在のフィルター設定をデフォルトビューとして保存します。
  7. フィルターを削除して新しいフィルターを追加するには、フィルターを削除を選択します。 フィルターは最大3つまで追加できます。

よくある質問

ストリームグラフチャートの仕組みは?

ストリームグラフ、次のような面グラフのバリエーションです。

  • ベースラインはX軸を中心にしています。
  • データは中央の上下に流れ、滑らかな色のバンドを作成します。 各バンドは、カテゴリ(ジャンルや製品タイプなど)を表します。
  • これは、カテゴリが時間の経過とともにどのように変動するかを示すのに効果的です。

たとえば、1年間の音楽ストリーミングの傾向を視覚化します。 各ジャンル(ポップ、ロック、ヒップホップなど)はストリームになり、12月のホリデーミュージックの急増など、それぞれの人気が急上昇または低下した時期を示します。

さらに動きのあるグラフの利用を考えている場合、「Flourishを使用して高度なグラフを追加する」をご覧ください。Flourishのグラフはこちらから。

使い方がわからない場合は、「Canvaグラフを始める」をご覧ください。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています