Node-RED でグラフ表示をする


Node-RED のグラフ機能として、
Google Chart のノードが提供されています。

他には、下記のようなサービスと連携することでグラフ表示ができるようです。
dashing
freeboard
pubnub
atlasboard

インストール

$ npm install  -g node-red-contrib-googlechart

確認
線グラフを表示します。
データは、Google Chart のもの を使いました。

flow
20161012_nodered_flow

chart の設定
20161012_nodered_chart_setting

function ノードにて、グラフのデータを用意する

msg.payload = [
{Day:1,  Galaxy:37.8, Avengers:80.8, Transformers:41.8},
{Day:2,  Galaxy:30.9, Avengers:69.5, Transformers:32.4},
{Day:3,  Galaxy:25.4,   Avengers:57, Transformers:25.7},
{Day:4,  Galaxy:11.7, Avengers:18.8, Transformers:10.5},
{Day:5,  Galaxy:11.9, Avengers:17.6, Transformers:10.4},
{Day:6,   Galaxy:8.8, Avengers:13.6,  Transformers:7.7},
{Day:7,   Galaxy:7.6, Avengers:12.3,  Transformers:9.6},
{Day:8,  Galaxy:12.3, Avengers:29.2, Transformers:10.6},
{Day:9,  Galaxy:16.9, Avengers:42.9, Transformers:14.8},
{Day:10, Galaxy:12.8, Avengers:30.9, Transformers:11.6},
{Day:11,  Galaxy:5.3,  Avengers:7.9,  Transformers:4.7},
{Day:12,  Galaxy:6.6,  Avengers:8.4,  Transformers:5.2},
{Day:13,  Galaxy:4.8,  Avengers:6.3,  Transformers:3.6},
{Day:14,  Galaxy:4.2,  Avengers:6.2,  Transformers:3.4}
];
return msg;

結果
20161012_nodered_chart

参考
Node-REDで線グラフ
見えるNode-RED!


コメントを残す

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