Lucidchart の図をスプレッドシートのデータにリンク

大量のデータを含む複数のスプレッドシートを扱う手間を避けたいユーザーに、特におすすめしたい機能をご紹介します。Google Sheets、Excel スプレッドシート、CSV から Lucidchart へインポートすることで、データに裏付けられた強力なビジュアルを作成することが可能です。加えて、スプレッドシートに加えられた更新内容は Lucidchart により自動で図へ反映されるため、Google Sheets で作業中のデータがビジュアルにライブで更新されるのを確認できます。

データのリンク機能はプロ、チームまたはエンタープライズアカウントをご利用のユーザーのみ利用可能です。アップグレードについては、料金ページを参照されるか、セールスチームまでお問い合わせください。

Lucidchart 文書へデータセットをインポートするには、対象の文書を開き、以下の手順に従います。
  1. クリック import_1a.png 右側のバーにある import_1b.png または、ファイル>データのインポート>データリンク(シート、Excel、CSV)をクリックします。

    import_1c.png
  2. 表示されたウィンドウで、をクリックします。 import_2a.png

    import_2.png
  3. インポートするデータセットの種別 (Google Sheets、Excel または CSV) 、または Lucidchart へすでにアップロード済みのファイルを選択します。import_3a.png をクリックします。

    import_3b.png

    • Googleシートからデータをインポートしている場合は、Googleアカウントにアクセスするための許可をLucidchartに付与する必要があります。クリック import_3d.png、Googleアカウントを選択して、 import_3f.png この許可を与える。

      import_3c.png

      import_3e.png
  4. デバイスからExcelまたはCSVファイルを選択してクリック import_4a.png またはGoogleスプレッドシートからシートを選択してクリック import_4b.png

    import_4c.png

    import_4d.png
  5. スプレッドシートのどのページをインポートするかを選択してクリックします。 import_5a.png

    spreadsheet_pages.png
  6. データをインポートした後、Lucidchartはあなたにあなたのデータセットのヘッダ行を識別するように促します。行を選択してクリック import_5a.png

    import_5.png
  7. 次のウィンドウで、Lucidchartは参照キーを含むデータの列、つまり各行の内容の一意の識別子を選択するように促します。参照キーを使用すると、行の削除、追加、並べ替えなどの構造的な変更を加えた後でも、Lucidchartはデータを追跡できます。列を選択してクリック import_6a.png

    import_6.png
データセットをインポートすると、そのデータはキャンバスの右側のデータパネルの下部に表示されます。クリックすることでいつでもこのパネルを開いたり隠したりできます。 manage_data_sets_1.png

data_panel_grey_view.png

ヘッダ行または参照キー列の変更
ヘッダー行と参照キー列は灰色で強調表示されます。

header_and_reference_key_.png

行にヘッダー機能を割り当てたり、行からヘッダー機能を削除したりするには、行の左側にある番号ラベルを右クリックしてをクリックします。 make_header_row.png または remove_header_row.png。対応して、列に参照キー機能を割り当てたり、列から参照キー機能を削除したりするには、列の上の文字ラベルを右クリックしてをクリックします。 make_reference_key_columns.png または remove_reference_key.png

複数のデータセットを管理する
一度に複数のソースからデータを視覚化できるように、Lucidchartは同じ文書に好きなだけデータセットをインポートすることを可能にします。現在表示されているデータセットの名前をクリックして、インポートしたすべてのデータセットのリストを表示します。

manage_sets_3.png

manage_data_sets_4.png

名前をクリックして別のデータセットを表示し、をクリックして新しいデータセットをインポートします。 manage_sets_5.png

データセットを更新する
データセットがGoogleシートからのものである場合、スプレッドシートの更新は自動的に30秒ごとにLucidchartに同期されます。をクリックして、データセットを更新して更新を手動で取得することもできます。 manage_sets_9.png

ExcelスプレッドシートやCSVの更新はLucidchartと自動的には同期されませんが、データセットを更新されたものと簡単に置き換えることができます。これを行うには、リストビューでデータセットの名前をポイントして、をクリックします。 manage_sets_6.png または右クリックして[データセットの置換]を選択します。このメニューからデータセットを削除することもできます。

manage_sets_7.png

カスタムデータ

ダイアグラムにリンクするデータセットがない場合は、データパネルで直接カスタムデータフィールドを作成し、そのデータをダイアグラムの図形や他の部分にリンクすることができます。カスタムデータフィールドを作成するには、ダイアグラムの一部を選択してをクリックします。 Screen_Shot_2018-04-17_at_7.01.00_PM.png または Screen_Shot_2018-04-17_at_7.01.06_PM.png データパネルの右上にあります。カスタムフィールドに入力して[]をクリックします。 Screen_Shot_2018-04-17_at_7.01.06_PM.png 新しいフィールドごとに追加します。
データセットのインポートが完了したら、オブジェクトやグループ化されたオブジェクト、または文書全体にデータを容易に割り当てることができます。オブジェクトにデータを割り当てるには、データの行やセルを対象のオブジェクトにドラッグ・アンド・ドロップ、またはオブジェクトを選択してデータパネルの上半分にデータをドラッグ・アンド・ドロップします。文書全体にデータを割り当てるには、キャンバスの背景をクリックしてデータパネルの上半分にデータをドラッグ・アンド・ドロップします。

注意: ユーザーがデータの外観をカスタマイズできるよう、Lucidchart では、このデータを文書コンポーネント上で自動表示しません。

drag_data_onto_shape.gif

drag_data_to_data_panel.gif

キャンバスの空白部分へ行やセルをドロップすると、そのデータからオブジェクトを自動作成するようプロンプトが表示されます。

auto-create_shape_from_data.gif

同一の文書コンポーネントに複数のデータフィールドを割り当てることも可能です。すでにデータがリンクされているオブジェクトにデータをドラッグする場合には、既存のデータを置換するか、双方のデータを保持するかを選択することができます。双方のデータの保持を選択すると、データパネルの上半分で、2番目のデータフィールドが最初のデータフィールドの下に表示されます。

Screen_Shot_2018-07-13_at_8.20.48_PM.png

データを図形に割り当てた後で、図形を右クリックし、[カスタム図形ライブラリに追加] を選択してリンクされた図形をカスタム図形ライブラリに保存することができます。
ドキュメントの一部にデータを割り当てても、Lucidchartはそれを自動的には表示しません。その代わりに、Lucidchartはデータとオブジェクトとの間の関連付けをデータパネルに保存し、キャンバス上でのデータの表示方法をカスタマイズできます。

オブジェクトのデータラベルまたは値を表示する最も簡単な方法は、オブジェクトを選択して対応するアイコンをクリックすることです。 text_icon.png データパネルの上半分にあります。

display_data_on_a_shape.gif

ラベルまたは値は、長いテキスト文字列にスタイルを設定して埋め込むことができる通常のテキストとして表示されます。

Screen_Shot_2018-07-13_at_7.58.52_PM.png

オブジェクトにリンクされているデータを新しい行またはデータのセルに置き換えると、新しいデータは自動的に古いデータの形式とスタイルになります。

replace_shape_data.gif

Googleスプレッドシートから塗りつぶしの色を引き出す
リンクされたGoogleシートのセル、列、またはデータ行に塗りつぶしの色を追加すると、その色は自動的にLucidchartにインポートされます。ダイアグラムのリンクオブジェクトに塗りつぶしの色を表示するには、をクリックします。 three_dots.png値またはラベルの横にある[インポートした塗りつぶしの色を適用]を選択します。

apply_imported_fill_color.png


関連する記事
条件付き書式設定とアイコンセット
図のインポートとエクスポート
アカウントの種類
Lucidchart の利用開始