patorash https://blog.hatena.ne.jp/patorash/ patorashのブログ https://patorash.hatenablog.com/ JavaScript d3.js またまたc3.jsネタです。 c3.jsでスタックバーをするのは簡単で、そのスタックバーの軸を100%にするように表示するのも簡単です。dataのところでstack: { normalize: true }とすればできます。 しかし、それだとチャートは%表示になるのですが、ツールチップに表示されるのは実数です😥 実数ではなく、%が知りたい そこで、今回はこれを割合表示(%表示)にしてみます。 また、前回のと合わせて、ラベル中央に%表記してみます。前回の記事はこちら。 patorash.hatenablog.com コード まず、CodePenで書いたコードを載せておきます。プレビューを見てもら… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpatorash.hatenablog.com%2Fentry%2F2020%2F06%2F08%2F032723" title="c3.jsでスタックバーチャートをパーセント表示にする - patorashのブログ" 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/p/patorash/20200608/20200608024545.png Hatena Blog https://hatena.blog 2020-06-08 03:27:23 rich https://patorash.hatenablog.com/entry/2020/06/08/032723 1.0 100%