mofmof-inc https://blog.hatena.ne.jp/mofmof-inc/ もふもふ技術部 https://www.mof-mof.co.jp/tech-blog/ c3.js vue 実際の案件でインタラクティブな折れ線グラフ描画機能を実装する必要があったため、いくつかライブラリを調べていました。 描画するグラフでは下記のような機能を実装する方針だったので、拡張性の高いライブラリを探していたところ、c3.jsというライブラリに行き着きました。 カレンダーで選択した期間のデータを表示する 選択した期間を変更すれば、グラフもインタラクティブに変更される 1つのx軸上に2種類以上のデータを表示する グラフで表示したいデータを変更すれば、グラフもインタラクティブに変更される y軸を左右2軸にする 選択した期間に応じて、複数の背景色をつけたい 実線、点線など2種類以上のグラフ線を使い… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Fvue-c3" title="Vue+c3.jsでグラフ描画してみる - もふもふ技術部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mofmof-inc/20240110/20240110172304.png Hatena Blog https://hatena.blog 2020-10-23 10:00:00 rich https://www.mof-mof.co.jp/tech-blog/vue-c3 1.0 100%