【最強タスク管理ツール Notion】Googleスプレッドシートのデータをグラフ表示する！
こんばんは、ひでまるです。
今回は、Notionに関する投稿のラスト回です。
前回の記事では、NotionのデータをGoogleスプレッドシートに自動で取り込む方法について書きました。
hidemaru-1988-sub.hatenablog.com
今回の記事では、GoogleスプレッドシートのデータをNotion上にグラフ表示する方法をご紹介していきます。
前回の記事の内容を組み合わせることで、
1. Notionからスプレッドシートにデータ取り込み
2. スプレッドシートのデータをNotion上でグラフ表示
ということができるようになります。
Notionにはグラフ機能がないのですが、この方法を導入することで実現することができます。
というわけで、早速見に行きましょう！
ステップその1 Notionchartsでグラフを作成
まずは、このサイトにアクセスしてください。
アクセスした後、このスプレッドシートからチャートを作っていこうと思います。
シート名は映っていないのですが、デフォルトから変更なく『シート1』となっております。
一番上は、スプレッドシートのURLの/d/から/editの間の文字列を張り付けます。
SHEETNAMEはデータが記録されているシート名です。
最後にDATA RANGEはグラフ表示するデータ範囲です。データを今後記録する範囲を見据えて大きめの範囲を設定して問題ありません。グラフには、データが入っている範囲しか表示されません。
次のグラフの設定です。
1番上の項目は、グラフの種類です。
2番目は背景を明るくする（LIGHT MODE）、または背景を暗くする（DARK MODE）の設定です。お好みに合わせて変えてください。
3番目、4番目は、縦軸・横軸の目盛り設定です。
最後に系列の色設定をします。
設定が終わりましたら、一番したの『MAKE MAGIC』をクリックします。
メールアドレスを入力する欄がありますが、無視してOKです。
ボタンを押すと、Notionに張り付けるためのコードが発行されます。
『COPY YOUR URL』を押し、コードをコピーしてください。
ステップその2 Notionでグラフの埋め込み
Notionでグラフを表示するページを開き、Embedを選択します。
選択すると、ウィンドウが出てきますので、NotionChartsでコピーしたコードを張り付けて、Embeded linkを押します。
また、Notionも外部アクセスを許可する必要があるようなので、ページ右上のShare to webを有効に切り替えてください。
上の設定を一通り行いますと、グラフが表示されるようになります。
グラフが表示されないようでしたら、ブラウザの再読み込みを行ってみてください。
それでも表示されなかったら、どこか設定が間違っているので、再確認してください。
表示は、こんな感じになります。
まとめ
今回は、NotionChartsを使ってNotion上に表示する方法について書きました。無料版では、5個までグラフ作成ができるようですので、是非導入してみてください。
今回で、Notion連続投稿企画は終了となります。
hidemaru-1988-sub.hatenablog.com
前回、一週間連続でNotionについての記事を投稿するという目標を立てて達成することができました。次週の目標については、別記事にて書いていこうと思います。
それではまた次の記事でお会いしましょう！アディオス！
