# 【Bubble】チャートの作り方（初期動作について）

**URL:** <https://www.nocode-faq.com/t/topic/2329>\
**Category:** bubble\
**Created:** [2021 年 11 月 10 日午後 9:46 UTC](https://www.nocode-faq.com/t/topic/2329 "2021-11-10T21:46:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)\
**Post date:** [2021 年 11 月 10 日午後 9:46 UTC](https://www.nocode-faq.com/t/topic/2329/1 "2021-11-10T21:46:17Z")

</div>

いつもお世話になっています。  
現在Chart elementを使用して、グラフの書き方を研究しています。  
いくつか質問がありましたので、投稿させていただきました。

1.chart element だと複数の要素が表示できないという理解で良いでしょうか？（例えば、前年と今年の売上の折れ線グラフを表示するなど）

2.他のchart JSだと複数の表示が可能そうなんですが、有料です。これは1アプリに対していくらという理解で良いでしょうか？

3.chart elementだと最初の表示時に動的に表示（みょーんって感じに）されるのですが、例えば値を追加していくとその動的な表示ではなく、パッと変わってしまいます。動的に表示（みょーん）とできないでしょうか？ワークフローでhide→showを試しましたがダメでした。Twitterに動画ありますので、記載しておきます。

> <https://twitter.com/i/status/1458060002728431622>

いつもありがとうございます。  
今回もご教授よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)\
**Post date:** [2021 年 11 月 14 日午後 7:50 UTC](https://www.nocode-faq.com/t/topic/2329/2 "2021-11-14T19:50:40Z")

</div>

こちら遅くなりました🙏

1.Element１つに対して１つ、で間違いなさそうです。  
おそらくやりたいことは画像のようなものですよね？  
これはElementを２つ重ねて力技でやってみました。  
「show scale/tooltip」のチェックを外すことで見た目はそれっぽいところまで持っていけます。  
（画像はまだややズレがありますがw）  
これ以外の方法は存じないですね・・。  
ご参考まで。

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

⒉はい、１アプリに対する課金で間違い無いです。

⒊DBの値が変わるのに対して、動きをつける、ですよねぇ。。  
そういう動きをするプラグインを作るしかないかなと感じました😅

ご参考まで、です。

---

<div class="post-metadata">

**Author:** ![yukikun](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/yukikun/32/3485_2.png) [@yukikun](https://www.nocode-faq.com/u/yukikun)\
**Post date:** [2021 年 11 月 15 日午前 6:02 UTC](https://www.nocode-faq.com/t/topic/2329/3 "2021-11-15T06:02:15Z")

</div>

chart JS使用していますが便利です（高いですが）  
一つのグラフエレメントに対して、何個でも要素の追加が可能なのとデータ追加（変更時）に再度アニメーションしてくれます。  
折線＋棒グラフなどの複合グラフも作成できますし、ボタン操作で描画されている値を更新することもできますね。

---

<div class="post-metadata">

**Author:** ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)\
**Post date:** [2021 年 11 月 15 日午後 12:00 UTC](https://www.nocode-faq.com/t/topic/2329/4 "2021-11-15T12:00:51Z")

</div>

なるほど！その力技思いつきませんでした！ありがとうございます😊

---

<div class="post-metadata">

**Author:** ![yukichi0628](https://avatars.discourse-cdn.com/v4/letter/y/ac91a4/32.png) [@yukichi0628](https://www.nocode-faq.com/u/yukichi0628)\
**Post date:** [2021 年 11 月 15 日午後 12:02 UTC](https://www.nocode-faq.com/t/topic/2329/5 "2021-11-15T12:02:34Z")

</div>

そのプラグインいいですね✨ステキなダッシュボードが作れそう！1アプリについての課金なので容易に手は出せないなぁ〜と思いつつ、迷っています💦情報ありがとうございます！
