c3.jsでスタックバーチャートを書いた際に、スタックバーの順番を変更できないか？という要望を受けたので調査しました。凡例の順番とツールチップで表示される順番がリンクしていないので、見辛いということでした。 公式ドキュメントによると、data.order…

またまたc3.jsネタです。 c3.jsでスタックバーをするのは簡単で、そのスタックバーの軸を100%にするように表示するのも簡単です。dataのところでstack: { normalize: true }とすればできます。 しかし、それだとチャートは%表示になるのですが、ツールチップ…

c3.jsでスタックバーチャートを描画するのは、比較的簡単です。dataのところでgroupsに含めてしまえばいいです。 しかし、値のラベルがバーの上に表示されてしまいます。これでもいいケースは多いと思いますが、ラベルの色がバーの色になるため、合わない色…

d3.jsを皆さまはご存知でしょうか？data-driven-documentの頭文字をとって、d3.js。JavaScriptでsvgでチャートを書くためのライブラリです。 d3js.org そして、d3.jsをベースにチャートを生成しやすくしたライブラリがc3.js。 c3js.org c3.jsで描いたチャー…