読者です 読者をやめる 読者になる 読者になる

JavaScriptで簡単にグラフが作成できる「Google Charts」

javascript service

以前からhtmlとJavaScriptでグラフを描画できまいかと考えていました。

jQueryを使うようになってからプラグインを探してみましたが、ノーマルなJavaScriptでも描けそうなライブラリがありました。


Google Charts — Google Developers

 

Googleより提供されている開発ツールの1つです。

この「Google Charts」を使って簡単なグラフを描いてみました。

円グラフ

 

線グラフ

 

データは以前に調査したものを使用しています。[携帯電話契約数の今後]

棒グラフ

 

他にも様々なパターンのグラフが作成できます。

グラフの種類とそのサンプルコードは以下のページに掲載されています。

Chart Gallery - Google Charts — Google Developers

ブログ内にも描けるようなので、何らかのデータを載せる際にはわかりやすいグラフもセットにできそうです。