面グラフを使用して成長と影響を時系列で表示する
時系列で値の推移や傾向を強調して示します。線の下のスペースを埋めることで、面グラフによるデータの蓄積や推移の視覚化の効果が高まります。
面グラフの仕組み
面グラフは線グラフと同じように機能しますが、線の下のスペースを埋めて量や推移を強調します。
面グラフの種類
使用できる面グラフは4種類あります。
積み上げ面グラフ | 複数のデータ項目が重なって表示され、個々の要素が時系列で全体にどのように影響するのかを示します。 |
非積み上げ面グラフ | 積み重ねずに複数のデータ項目を表示し、累積合計ではなく個々の値を比較するのに最適です。 |
比率面グラフ | 全体の一部としてさまざまな値の相対的なサイズを強調表示し、市場シェアなどの比率を比較するのに便利です。 |
ストリームグラフ | スムーズで流れる図形を使用して、データの変化を時系列で表示し、データの全体的な流れとバリエーションを強調します。 |
面グラフを追加する
これは面グラフを追加する最初のステップです。 その後、手動でチャートデータを追加するか、外部ソースからインポートすることができます。
- デザインを作成するか、既存のデザインを開きます。
- エディターのサイドパネルから、 [グラフ] を選択します。表示されない場合は、まず [アプリ] タブを選択してから [グラフ] を選択します。
- [面グラフ] でデータに最適なグラフを選択します。
グラフデータを設定する
データ要件:
- ラベル列(例:月、年、カテゴリー)
- 1つ以上の数値列
データは、手動で追加することや、表計算ツールからインポートすること、データソースアプリと連携することで追加できます。
グラフデータを手動で追加する
グラフの表にデータを入力し、表の各部分を見直して、表のデータが正確に反映されていることを確認します
データを追加する
- グラフを選択し、ツールバーで [編集] をクリックします。
- サイドパネルで、[データ] 表にグラフの値を入力します。[データ表を展開] を選択して、データを全画面で表示することもできます。
行と列を追加する
- 新しい行を追加するには、行を選択し、 [もっと見る] をクリックします。
- [先頭に行を挿入] または [最下部に行を挿入] を選択します。
- 行を削除するには、[行を削除] を選択します。
- 新しい列を追加するには、列を選択して [もっと見る] をクリックします。
- [左に列を挿入] または [右に列を挿入] を選択します。
- 列を削除するには、[列を削除] を選択します。
メモ:Canvaでデータを編集するときは、キーボードのShiftキーを使用して複数のセル、行、列を選択します。クリックしてドラッグすると複数のセルを選択することもできます。
データを並べ替える
- グラフのデータを並べ替えるには、列を選択して [もっと見る] をクリックします。
- [表の並べ替え(A - Z)] をクリックして昇順に並べ替えるか、[表の並べ替え(Z - A)] をクリックして降順に並べ替えます。
グラフデータをインポート
Canvaスプレッドシートのデータか、データソースアプリと連携させます。 CSV、TSV、またはXLSXファイルを使用して、データをインポートすることもできます。 現在、最大1,000行、100列までインポートできます。
- グラフを選択または追加し、[ 編集] を選択します。
- サイドパネルから、[データをインポート] をクリックします。
- ここから、次を選択できます。
- [Canvaシート] を選択して、Canvaシートのデータに接続します。
- 利用可能なオプションからデータソースを選択します:Googleスプレッドシート、Salesforce、Googleアナリティクス、HubSpot、世界銀行。
- [データをアップロード] を選択して、CSV、XLSX、またはTSVファイルをアップロードします。
ヒント:データがロードされた後、データアクションを使用して、インポートする前にクリーニングおよび整理できます。以下のデータアクションでインポートデータをクリーニングするを参照してください。
4. サードパーティ製のアプリを選択した場合、(必要な場合は) そのアプリにログインし、Canvaがあなたのデータにアクセスする権限を付与してください。
5. インポートされたデータから、使用したい特定のデータセットを選択します。
6. 完了をして、データをに同期します。
グラフデータの追加と管理の詳細をご覧ください。 明瞭にするために値のフォーマットを設定することもできます。
面グラフに表示するデータを選択する
データを追加したら、表示するデータと、折れ線グラフの表示方法を選択します。 後でチャートをカスタマイズできます。
- [グラフ] をクリックしてツールバーを開き、[編集] を選択します。
- グラフパネルのデータ表にある [グラフ設定] に移動します。
- [ラベル - 表示内容] で、X軸のカテゴリー列(水平軸)を選択します。
- [線 – 表示値 ] ドロップダウンメニューをクリックし、数値 (Y軸) の列を選択します。
面グラフをカスタマイズ
表示するデータを選択したら、面グラフの読みやすさと明瞭さを向上させます。
面グラフの読みやすさと明瞭さを向上させる
- グラフをクリックしてツールバーを開き、 [編集]を選択します。
- グラフパネルで、 [カスタマイズ]タブを選択します。
- タイトルとサブタイトルを追加するには、 [カスタマイズ]タブに移動し、それぞれのテキストフィールドにタイトルとサブタイトルを入力します。
- [テキスト]ドロップダウンをクリックします。レジェンドスイッチをオンまたはオフに切り替えます。
- [X軸]またはY軸のドロップダウンをクリックして、ラベルをオンまたはオフに切り替え、軸タイトルを追加します。
- [設定]ドロップダウンで、グリッド線の切り替えをオンまたはオフにできます。
- [設定]では、ツールチップをオンにして、グラフにカーソルを合わせると詳細を表示したり、オフにして非表示にしたりできます。
グラフの色を変更する
- グラフ
- をクリックしてツールバーを開きます。 エディターのツールバーで、編集対象の
- カラータイル を選択します。 カラーパネル がサイドに開きます。
- グラフでカラーを使用するには、オプションからカラータイルをクリックします。色の上にカーソルを合わせると、その**表示名**を確認できます。 お探しの色が利用できない場合は、 新しい色を追加
- (レインボーカラータイル)をクリックします。 デザインから色を選ぶには、 色の選択(スポイト)
- ボタンをクリックし、**キャンバス**上の任意の色を選択します。 現在のページ全体またはすべてのページで色を置き換えるには、**現在のページ**または**すべてのページ**を選択します。
- **チーム管理者**または**ブランドデザイナー**がすでに**チーム**の**ブランドキット**に**グラフのスタイル**を追加している場合は、**ブランドカラー**から選択します。詳細な手順については、「 ブランドイメージを維持したグラフを作成する 」をご覧ください。
よくあるご質問
ストリームグラフの仕組みは?
ストリームグラフは、次のような面グラフのバリエーションです。
- ベースラインはX軸を中心としています。
- データは中央の上下に流れ、滑らかなカラーバンドを作成します。 各バンドは、カテゴリ(ジャンルや製品タイプなど)を表します。
- これは、カテゴリが時間の経過とともにどのように変動するかを示すのに効果的です。
たとえば、1年間の音楽ストリーミングの傾向を可視化します。 各ジャンル(ポップ、ロック、ヒップホップなど)はストリームになり、12月のホリデーミュージックの急増など、それぞれの人気が急上昇または低下した時期を示します。
さらに動きのあるグラフの利用を考えている場合、「Flourishを使用して高度なグラフを追加する」をご覧ください。Flourishのグラフはこちらから。
使い方がわからない場合は、「Canvaグラフを始める」をご覧ください。
お役に立ちましたか?
高評価
低評価