# 複数のテキストを円グラフで表したい **URL:** \ **Category:** bubble\ **Created:** [2022 年 8 月 4 日午前 5:10 UTC](https://www.nocode-faq.com/t/topic/3057 "2022-08-04T05:10:17Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![koshi](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@koshi](https://www.nocode-faq.com/u/koshi)\ **Post date:** [2022 年 8 月 4 日午前 5:10 UTC](https://www.nocode-faq.com/t/topic/3057/1 "2022-08-04T05:10:17Z")
現在作成しているWebアプリの一部で、アンケートに回答する機能があり、 例）赤い食べ物といえば？ りんご トマト りんご いちご トマト といった具合です。（これらのテキストはリスト形式ではなく、同じQuestionに結びつけられたテキストを 「Do a search for」で呼び出して羅列させています） ＊回答は選択形式で、最大２０個。 今は上記にように、ただ羅列させているだけなのですが、これを円グラフで表したいです。 この例だと、りんご２、トマト２、いちご１なので、下のような円グラフになると考えられますが、その実装方法が分かりません。 どなたか分かる方がいれば、ご教授よろしくお願いいたします。 ![円グラフ](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/7/798a4e1c41c7f5f3dd24031c2eefe1c1093c4e68.png) ---
**Author:** ![amezousan](https://avatars.discourse-cdn.com/v4/letter/a/a3d4f5/32.png) [@amezousan](https://www.nocode-faq.com/u/amezousan)\ **Post date:** [2022 年 8 月 4 日午前 5:30 UTC](https://www.nocode-faq.com/t/topic/3057/2 "2022-08-04T05:30:58Z")
完全に読み間違えました… AdaloではなくBubbleでしたね。。。 ---
**Author:** ![nisihata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nisihata/32/5390_2.png) [@nisihata](https://www.nocode-faq.com/u/nisihata)\ **Post date:** [2022 年 8 月 4 日午前 7:49 UTC](https://www.nocode-faq.com/t/topic/3057/3 "2022-08-04T07:49:58Z")
Bubble公式Pluginの「Chart Element」を使えばグラフの表示は可能です。 **設定方法** ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/5/550ee6cca3999630734380d162ffc57d68a829de.png) Value expression：値 Label expression：ラベル **プレビュー** ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/222f28adb4a4a5f2793ac441d55d5a3bcb10fc21.png) **Data** 以下のように、合計数をカウントした数値をcountに登録するのはいかがでしょうか？ Value expressionには数値を入れる必要がある為です。 _※計算式で上手く出せる方法があれば補足お願いします_ ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/99d32e4c22213583982234151e50170fe36a3cfd.png) 補足ですが、このグラフは凡例が無いので jansnapさんの以下の情報をもとにMyプラグインを作成するとより見た目が良いかもしれません [(Bubble)グラフを表示するプラグインを作成しよう](https://note.com/jansnap/n/n65a60f92cfc4#KpV9P) _※誰か既にベストなプラグインがある等、ご存じの方が居れば補足お願いします_ ---
**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\ **Post date:** [2022 年 8 月 4 日午前 8:11 UTC](https://www.nocode-faq.com/t/topic/3057/4 "2022-08-04T08:11:32Z")
nisihata さん、記事を紹介してくださり恐縮です。 Bubbleの無料プラグインには「Google Charts」もあるので、そちらでも円グラフを描画できます。こちらは凡例も付き、パラメタ指定でカスタマイズも少しできそうです。 > **[Google Charts Plugin for Bubble, by Renato Asse](https://bubble.io/plugin/google-charts-1622230862970x241206977446543360)** > > Google Charts Plugin page on Bubble, by Renato Asse. Add Google Charts in one click to your app. Bubble lets you build web apps without any code. 集約は:group by で出来るかとおもいきや、合計数が出せないですね。。。 ---
**Author:** ![nisihata](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nisihata/32/5390_2.png) [@nisihata](https://www.nocode-faq.com/u/nisihata)\ **Post date:** [2022 年 8 月 4 日午前 8:19 UTC](https://www.nocode-faq.com/t/topic/3057/5 "2022-08-04T08:19:20Z")
jansnapさん補足ありがとうございます。 私ももしかしたら…と思い探していたところ発見しました。 **設定方法** ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/0/04a9b388bf77865a2d4d20828054e2ba96b1854f.png) **プレビュー** ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/8dae38988c8df068691c7b2adea2e4e1454d5b5f.png) ---
**Author:** ![koshi](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@koshi](https://www.nocode-faq.com/u/koshi)\ **Post date:** [2022 年 8 月 5 日午後 2:16 UTC](https://www.nocode-faq.com/t/topic/3057/6 "2022-08-05T14:16:05Z")
いえいえ、お気になさらず！ 早々の返信ありがとうございました。 ---
**Author:** ![koshi](https://avatars.discourse-cdn.com/v4/letter/k/ce7236/32.png) [@koshi](https://www.nocode-faq.com/u/koshi)\ **Post date:** [2022 年 8 月 5 日午後 2:22 UTC](https://www.nocode-faq.com/t/topic/3057/7 "2022-08-05T14:22:17Z")
なるほど、参考になります！ これにアレンジを加えて、何とか実装出来そうです。 ---
**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:** [2022 年 8 月 7 日午後 2:05 UTC](https://www.nocode-faq.com/t/topic/3057/8 "2022-08-07T14:05:04Z")
おそらくDB構造がKoshiさんとNisihataさんのが全然違うように思います。 別のレコード同士にある集計をするにはデータのGroupingの操作が必要です。 参考トピックはこちらです > [@件数グラフの作り方](https://www.nocode-faq.com/t/topic/1708): > > Bubbleの Chart Element でカテゴリごとの件数を示す円グラフを作りたく悩み中です。 DataTypes：Categoryがあったとして、A,B,Cそれぞれの件数をグラフ化したいです。 以下はExcelでのイメージですが、これを実現するにはどのような方法があるでしょうか？