# Airtableのグラフ作成方法について

**URL:** <https://www.nocode-faq.com/t/topic/2747>\
**Category:** Airtable\
**Tags:** ツールの操作方法\
**Created:** [2022 年 3 月 30 日午前 10:34 UTC](https://www.nocode-faq.com/t/topic/2747 "2022-03-30T10:34:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mio](https://avatars.discourse-cdn.com/v4/letter/m/90ced4/32.png) [@mio](https://www.nocode-faq.com/u/mio)\
**Post date:** [2022 年 3 月 30 日午前 10:34 UTC](https://www.nocode-faq.com/t/topic/2747/1 "2022-03-30T10:34:47Z")

</div>

お世話になります。Airtableでグラフ作成がうまくいかず、初めて質問させていただきます。

【実現したいこと】  
テーブルの各列に数値を入力し、合計を算出  
数値の範囲を指定（X軸）し、テーブル各列の合計値をプロットしたグラフを作成したい

※イメージ

 ![スクリーンショット 2022-03-30 19.23.15](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/034dc86e438a28cc91daf0049f63f263dc01e755.png)

【質問】  
テーブルにchart appやVega-Lite appを入れて使ってみたのですが、列を1つしか読み込めない、X軸で数値入力できないなど、うまくグラフを作成することができませんでした。

どうすればイメージするグラフ作成ができるか（またはAirtable上だと難しいのか？）、方法や助言等ありましたら何卒ご教示いただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 3 月 30 日午後 12:00 UTC](https://www.nocode-faq.com/t/topic/2747/2 "2022-03-30T12:00:18Z")

</div>

> 数値の範囲を指定（X軸）

X軸ではなく、Y軸であれば、実現可能です。

前提として、考え方として、ちょっとだけ無礼な言い方になって恐縮ですが、そもそもAirtable（DBの構成）の捉え方が違うような気がします。

> 数値の範囲を指定（X軸）し、テーブル各列の合計値をプロットしたグラフを作成したい

Excelでは、Recordという概念がないため、縦でも横でも、関係なくグラフの範囲を決めていきますが、Airtable他、（DB関連）では、横（Recordごと）の指定の範囲で合計を自動計算するのが一般的です。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6b8fdfb7d1200c8c71a23f2de015858627c41485.png)

例えば、  
num 1  
num2  
num3 のデータのデータを表示する場合には、3パターン表現するには、9行の横（ReCord)  
の列が必要です。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/3830bedc9d03021a026cf1936e8a92fee3191147.png)

また、グラフに関しては、数字を指定するのではなく範囲内のデータの数値を自動的に読み取ってグラフ化しようとします。

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e06fa5cb196cf9455a4c625a5a59368fd8c40b5e.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/0d62f61c1a7bf15a35a3d74e25ea98abd87a6ba0.png)

[https://i.gyazo.com/15f602312a21813b74effdc1c5560206.mp4](https://i.gyazo.com/15f602312a21813b74effdc1c5560206.mp4)

【参考】# Chart app

> **[Airtable extensions: Chart | Airtable Support](https://support.airtable.com/docs/chart-extension)**
>
> Learn how the chart extension can be set up to visually display understandings from records in a base.

---

<div class="post-metadata">

**Author:** ![mio](https://avatars.discourse-cdn.com/v4/letter/m/90ced4/32.png) [@mio](https://www.nocode-faq.com/u/mio)\
**Post date:** [2022 年 3 月 31 日午前 9:30 UTC](https://www.nocode-faq.com/t/topic/2747/3 "2022-03-31T09:30:56Z")

</div>

確認遅くなり申し訳ございません、丁寧にご解説くださりありがとうございます！🙇‍♀️  
DB構成を理解しておらず、Excelと同じ感覚で下記添付図のようにX軸Y軸をとろうとしていました…  
ご教示いただいた方法でグラフ作成ができました！🙇‍♀️

ただ問題が、実データでは1つのIDにつきnumが31、IDも1000以上あるため、レコード数が膨大になりプランの上限を超えたり、データ管理が難しくなりそうです。

ご教示いただいた構成でないとグラフ作成ができないとなると、グラフ作成はExcelを使う方が良いということでしょうか？

初歩的な質問で大変恐縮ですが、何卒ご教示いただけましたら幸いです。

※添付図  
 ![スクリーンショット 2022-03-31 4.56.45](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/74d842323435ea1d87628eeb1b61087e648347e2.png)

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 4 月 1 日午前 6:59 UTC](https://www.nocode-faq.com/t/topic/2747/4 "2022-04-01T06:59:37Z")

</div>

良かったです！

> 実データでは1つのIDにつきnumが31、IDも1000以上あるため、レコード数が膨大になりプランの上限を超えたり、データ管理が難しくなりそうです。

ただ、そうですね。。現在の方法だとデータ数が、1000以上にはなってしまうと思うんですよね。  
例えば、IOTデバイスを作っててデータ管理連携したいとか、他のサービスを使う予定が無く、  
グラフで表示だけしたいとなると、Excelで表示するだけの方が安価ではあると思います。。

---

<div class="post-metadata">

**Author:** ![mio](https://avatars.discourse-cdn.com/v4/letter/m/90ced4/32.png) [@mio](https://www.nocode-faq.com/u/mio)\
**Post date:** [2022 年 4 月 1 日午前 9:59 UTC](https://www.nocode-faq.com/t/topic/2747/5 "2022-04-01T09:59:56Z")

</div>

ご回答ありがとうございます！やはりそうですよね…  
グラフはExcelを利用する方向で考えたいと思います！  
色々ご教示くださりありがとうございました🙇‍♀️

---

<div class="post-metadata">

**Author:** ![tsubasa](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/tsubasa/32/8670_2.png) [@tsubasa](https://www.nocode-faq.com/u/tsubasa)\
**Post date:** [2022 年 4 月 1 日午前 11:09 UTC](https://www.nocode-faq.com/t/topic/2747/6 "2022-04-01T11:09:59Z")

</div>

はい、頑張ってくださいね！
