Canvaホーム
ヘルプ

動く棒グラフを使用して時間の経過に伴う変化を可視化する


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

動く棒グラフは、ゲームのスコア、選挙結果、財務傾向などを視覚化するのに役立ちます。アニメーションを使用して、データが時間の経過とともにどのように変化するかを示します。パターンや比較がより明瞭に強調されるようにスピードを調整します。

動く棒グラフ仕組み

  • それぞれの棒はデータのカテゴリーを表します。
  • グラフでは、時間の経過による値の変化がアニメーションで示されます。
  • 棒は期間ごとに大きくなったり、縮小したり、並べ替わったりします。

バーレースチャートを追加

これは、バーレースチャートを追加する最初のステップです。 その後、手動でチャートデータを追加するか、外部ソースからインポートすることができます。

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

グラフデータを設定する

データ要件:

  • 1つのカテゴリー変数(ラベル)
  • 1つの数値(期間ごと)
  • 1つの時間ベースの変数(例:月、年)
  • オプション)色グループ化用に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. [期間 – 表示する値] で、グラフ本体に表示する値を選択します。
  4. [カラー] ドロップダウンをクリックし、色を適用するデータ列を選択します。

バーレースチャートをカスタマイズする

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

  1. グラフ をクリックしてツールバーを開き、[編集]
    を選択します。
  2. グラフパネルで、[カスタマイズ] タブを選択します。
  3. タイトルとサブタイトルを追加するには、それぞれのテキストフィールドに タイトル サブタイトル
  4. を入力します。[X軸] または Y軸の
    • ドロップダウンをクリックします。
    • 軸を表示または非表示にするには、 ラベルの オンまたはオフを切り替えます。
  5. タイトルを追加するには、[タイトル]
    • フィールドにタイトルを入力します。タイトルの制限は128文字です。[設定] では、次のことを行うことができます。 グリッド線をオンまたはオフに切り替えます。
    • 表示可能なバーの最大数を設定します。
    • グラフの再生速度を調整します。
    • ループ再生を有効にしたり無効にしたりできます。
    • ツールチップ をオンにして、グラフにカーソルを合わせると詳細が表示されるようにするか、オフで非表示にできます。

高度なグラフをお探しですか?Flourishアプリを使用できます。詳しくは、「Flourishを使用して高度なグラフを追加する」をご覧ください。

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

お役に立ちましたか?

高評価

低評価

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