やりたいこと

IoTデータって時系列データであることが多いと思いますが、標準のline chart infotypeだと物足りないです。色々と調べると、c3.jsというグラフ・ライブラリが良さそうです。D3.jsの親戚のようですね。

完成したInfotype

c3.jsを使ったinfotypeを作ってもらいました。
enebular.comのDiscoverにありますので、自分のプロジェクトにインポートできます。

パラメータを色々いじって、previewボタンを押してみましょう。ちゃんと動きそうです。

以下にある現状の標準Line chartよりも、ExcelやBIツールで見るグラフに近くなっています。

Grovebasehatを載せたラズパイにenebular editorでリモートモードでアクセスします。

こんなフローを書きました。（Discoverよりインポート可能です。）

debugノードで値が出ているか確認します。
リモートモードでsaveしたらラズパイにデプロイされています。

firebaseまでデータが来ているかfirebaseの画面で確認しましょう。

enebularの可視化ツールinfomotionでfirebase上のデータを表示するためには、データソースを登録しましょう。

温度と湿度の時系列データが期待した通り、表示されました。

c3.js使うと、d3で一から作らなくて便利そうです。
いろんなサンプルがあるので、もっといいグラフを簡単に実現できないか調べたいと思います。