HTML5 × Chart.jsで円グラフを描く（オプション指定方法） | ビジュアルシンキング

ビジュアライゼーション、データ・ジャーナリズムに活用できそうなツールの使い方を紹介します。今回はChart.jsの第2回。 前回は、Chart.jsの概要と円グラフ描画の基礎を書きました。 今回は、円グラフ描画のオプション指定方法について。 何もオプションを指定しないと、前回サンプルのようにアニメーションしながら円グラフを描画します（前回サンプルを見る）。 オプションに指定できる項目は次の通り。 オプション項目 ・各パーセンテージを区切る区切り線の有無（デフォルト: 有り） ・区切り線の色（デフォルト: 白） ・区切り線の太さ（デフォルト: 2） ・描画時のアニメーション有無（デフォルト: 有り） ・アニメーションの滑らかさ（デフォルト: 100） ・アニメーション効果の種類（デフォルト: easeOutBounce） ・拡大アニメーションの設定有無（デフォルト: 無し） 区切り線の色と太

[esper]

いまはやりの