簡単に綺麗なグラフが書けるc3.js入門 - webエンジニアの日常

webサービスなどで、グラフを表示したいときってたまにありますよね。 そんなときに便利なのがc3.jsです。 D3.jsというグラフ描画用のjsを基に作られていて、簡単にさくっとグラフを書くこともできるし、カスタマイズできる点も多いです。 目次 準備 c3のダウンロード d3のダウンロード htmlファイルの準備 使ってみる 基本の折れ線グラフ 滑らかにする 棒グラフ ゲージ 最後に 準備 c3のダウンロード まず、以下のサイトからc3.jsの本体をダウンロードします。 github.com githubの緑のボタンからDownload Zipを選択するとダウンロードされます。 実際に使うのはc3.jsとc3.cssです。ダウンロードしたフォルダからこの二つを取り出し、別の作業フォルダへコピーして置いてください。 d3のダウンロード 次にd3.jsをダウンロードするのですが、2017/8/