タグ

HTML5とchartに関するblanc2005のブックマーク (1)

  • HTML5 × Chart.jsで円グラフを描く | ビジュアルシンキング

    ビジュアライゼーション、データ・ジャーナリズムに活用できそうなツールの使い方を紹介します。今回はChart.jsの第1回。 第1回目なので「Chart.js」の概略から、円グラフを描くまでを。 [完成イメージの確認はこちら] Chart.jsとは Chart.js Javascriptのライブラリ。 HTML5ドキュメント内で使うと、6つのグラフを描けます。 Chart.jsで描画できるグラフ 線グラフ 棒グラフ レーダーチャート 鶏頭図(円グラフの一種) ドーナツグラフ Chart.jsの入手 ライブラリは下記リンク先より入手します。 [ダウンロード] インクルード ライブラリの機能を利用するには、HTMLファイルにインクルード設定します。 <!doctype html> <html> <head> <title>Chart.jsで描く円グラフ</title> <!-- インクルード -

    HTML5 × Chart.jsで円グラフを描く | ビジュアルシンキング
  • 1