いかにして問題を解くか

このサイトはGoogle Analyticsを利用しています。

Chart JS V2.0 Line Chart Base Sample

 目的

昨日のエントリーは不親切だったので、反省して少しずつサンプルを追加する。 まずは Line Chart の Base sample を作成した。

サンプルの内容

一組のデータをほぼデフォルトの値で描画する。 ただし、Canvas のサイズを維持するために、responsive を false に設定している。 この設定を用いないとブラウザの描画エリアを全てに表示される。

cdnjs

Chart.js をネット上で公開しているサービス経由で利用している。 これでローカルにChart.js をダウンロードせずに済む。

サンプル画像

f:id:katogiso-tech:20160826003047p:plain

サンプルコード

gist7139550a544e015d76450cd62e70ec3e