# bubbleでのチャートの作り方

**URL:** <https://www.nocode-faq.com/t/topic/1573>\
**Category:** bubble\
**Created:** [2021 年 5 月 10 日午後 3:36 UTC](https://www.nocode-faq.com/t/topic/1573 "2021-05-10T15:36:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![takashi](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@takashi](https://www.nocode-faq.com/u/takashi)\
**Post date:** [2021 年 5 月 10 日午後 3:36 UTC](https://www.nocode-faq.com/t/topic/1573/1 "2021-05-10T15:36:30Z")

</div>

[bubbleのチャートプラグイン](https://manual.bubble.io/core-resources/bubble-made-plugins/chart.js)や[amchart](https://bubble.io/plugin/amcharts-1499780054879x111265002286743550)、[BA chart](https://bubble.io/plugin/ba-studios---line-chart-1600115152597x647053690361610200)などを利用して下記のような時間遷移(曜日ではなく日付)でのChartを作りたいです。

![スクリーンショット 2021-05-10 22.26.30](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/25d7b95b85f8d341769e0e9240071cf954722547.png)

表したいものは写真のようなA:count/B:countみたいな形です。  
どなたかこれを達成できる方法やプラグインをご存知の方はおられないでしょうか？

 ![スクリーンショット 2021-05-11 0.09.12](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/b1d86efa49b9bfcfb4f70e487459b77af8788ef1.png)  
 ![スクリーンショット 2021-05-11 0.09.55](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/e/e245fac3cd50eda2c8e82bf242d8fb6c4dae4b3f.png)  
 ![スクリーンショット 2021-05-11 0.10.20](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/d/de1ac3859a649aaabbfdf53ad320edba290fa281.png)

ちなみに写真の状態だと何も表示されません！

よろしくお願いいたします！

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2021 年 5 月 10 日午後 4:24 UTC](https://www.nocode-faq.com/t/topic/1573/2 "2021-05-10T16:24:06Z")

</div>

グラフエレメントは、Data sourceに対する値を表示するものなので、  
Value expression は 必ず"Current point’s ~~~~"がダイレクトに来るはずです。

Groupingした際に、Aggregationに countを追加して、そのGroupに属する数を抽出できるようにします。(つまりその日付の投球数)

![スクリーンショット 2021-05-11 1.20.24](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1251c225881675694e57120cb6d2276d93907b6b.png)

そのあとは、ストライクのsearch: count / その日付全体の投球数 で、計算された値が出てきます。

[エディター参考](https://bubble.io/page?type=page&name=data_graph&id=ai-k&tab=tabs-1)

あくまで Data sourceのそのポイントでの値を使うことが必要みたいですね。

---

<div class="post-metadata">

**Author:** ![takashi](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@takashi](https://www.nocode-faq.com/u/takashi)\
**Post date:** [2021 年 5 月 11 日午後 4:37 UTC](https://www.nocode-faq.com/t/topic/1573/3 "2021-05-11T16:37:01Z")

</div>

@K.nakata  
同じデータを作って再現してくださり、ありがとうございます！  
説明含めめちゃくちゃわかりやすく、また自分のやりたいことが達成できると知ることができて良かったです！

一方で参考エディターを真似てみたものの、まだ何も表示されない状態が続いています。

 ![スクリーンショット 2021-05-12 1.14.52](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/167e0cdd2742a1cda62f0f8d4e1aa8a485c42466.png)  
 ![スクリーンショット 2021-05-12 1.16.13](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f84b1e59fa31ac54a2f81d6dc879aa113aa89298.png)

Value expressionの中身をCurrent point’s creation dateにすると投球数がちゃんとグラフに表示されることから、原因はDo a search for~の部位にあると思うのですが、ぱっと見でなにか思い当たる箇所はないでしょうか？🙏

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2021 年 5 月 12 日午後 1:05 UTC](https://www.nocode-faq.com/t/topic/1573/4 "2021-05-12T13:05:59Z")

</div>

あ、もしかしてprivacy rule設定されてます？笑  
[https://blog.nocodelab.jp/entry/newprivacyrule](https://blog.nocodelab.jp/entry/newprivacyrule)

---

<div class="post-metadata">

**Author:** ![takashi](https://avatars.discourse-cdn.com/v4/letter/t/82dd89/32.png) [@takashi](https://www.nocode-faq.com/u/takashi)\
**Post date:** [2021 年 5 月 16 日午後 3:53 UTC](https://www.nocode-faq.com/t/topic/1573/5 "2021-05-16T15:53:11Z")

</div>

@K.nakata

質問にお答えいただいた中、お返事遅くなり大変申し訳ございません🙏

正しく表示されなかった原因としては、グルーピングに他の要素も入れる必要があったということでした。

Kさんのエディター参考のおかげで、今回やりたいことは達成できました。改めてお礼申し上げます！

---

<div class="post-metadata">

**Author:** ![K.nakata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/k.nakata/32/1810_2.png) [@K.nakata](https://www.nocode-faq.com/u/K.nakata)\
**Post date:** [2021 年 5 月 18 日午前 12:55 UTC](https://www.nocode-faq.com/t/topic/1573/6 "2021-05-18T00:55:49Z")

</div>

なるほどですー！  
解決よかったです！
