GoogleChartsがおもしろい!(LineChart編)※サンプルプログラムあり

便利で無料で手軽に動作するGoogleCharts。IoTで収集したデータをとりあえず可視化したいという需要が増しているので活用機会は多々あります。

今回は「LineCharts」を動かします。

GoogleCharts
https://developers.google.com/chart/interactive/docs/gallery

LineCharts
https://developers.google.com/chart/interactive/docs/gallery/linechart

自室の温湿度を可視化しました。屋外と異なって変動が小さいですね。
実際にコチラで動作させられます。

 

手順としては下記のとおり

  1. GoogleCharts使用開始のおまじない
  2. データTableの定義
  3. データ読み込み(今回はajaxによるhttp通信でjsonファイルを取得。)
  4. 取得したデータを加工しながら格納
  5. 可視化実行

 

ちなみにソースコード貼り付けには以下を利用。WordPressにペタッと貼れるかと思ったらプラグインやらマークアップ対策やら案外手間でした。
http://tomari.org/main/java/html-mojihenkan.html

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です