2017-06-21 9 views
1

私はMongoLabからNode-REDまでのセンサーデータを持っており、ノード - 赤ダッシュボードをゲージやチャートの形で視覚化したいと考えています。私はsensorIdに基づいて値を視覚化したいノードRed MongoDB

[{"_id":"5947e34de8fef902920defd8","sensorId":"5947340048225508","value":34,"date":"2017-06-19T14:44:29.000Z"},{"_id":"5947e34e6737e202b54f0a62","sensorId":"13359295204302776","value":25,"date":"2017-06-19T14:44:30.000Z"},{"_id":"5947e352e8fef902920defdc","sensorId":"5947340048225508","value":37,"date":"2017-06-19T14:44:34.000Z"},{"_id":"5947e3536737e202b54f0a66","sensorId":"13359295204302776","value":24,"date":"2017-06-19T14:44:35.000Z"}] 

...または私はノードレッドを使用してこのデータを視覚化することができるようすることができますどのような方法があります:mongoLabコレクションから のデータは次のようになります。 node-red screenshot

api request

enter image description here

機能ノードは、私の意図がui_gaugeまたはチャート上のセンサ値を視覚化することである

msg.headers = {"Content-Type":"application/json"}; 
return msg; 

次のJavaScriptを使用しています。

+0

何を試しましたか? – hardillb

+0

私は、4つのセンサー(湿度、光、大気汚染、音)の4つのセンサー、すなわち各センサーがデータベース内の独自のコレクションであるmongoLabにデータをプッシュすることができました。そこから私はmongoLabからデータをフェッチするnode-red mongodbをノードで使用しています。このノードは、GETメソッドを使用するHTTP要求ノードに接続され、次に別のHTTP応答ノードに接続されます。私が上に追加したリンクを見てください。 –

答えて

0

固有のデータのそれぞれについて、ゲージ/グラフは、あなたがUI /ダッシュボードに反映したい蒸し

その後、あなたはMSGにこの情報を渡す別の関数に出力ラインを倍にする必要がありますしてください.payloadし、その関数から対応するダッシュボードゲージに結び付けます。

グラフに最後に送信された値が表示されますが、グラフには履歴が表示されます。より多くのデータを表示するために、ダッシュボードのゲージ/チャートのビジュアルレイアウトを微調整する必要があります。

msg.payload = msg.value; 
    return msg; 

またはあなたが壊れていること、スイッチを使用することができます。

フロー・チャート例enter image description here

あなたのコードは、あなたのゲージに結びついている新しいフォーク機能でこのようになります。値を複数の出力に変換すると、各出力は対応するゲージに移動してデータを反映します。スイッチenter image description here

を使用して

フロー・チャート例私は本当にこのことができます願っています。

+0

@PMerlet、それは写真がなぜ表示されていなかったのかを説明する...編集のためのTy。 – mrSidX

関連する問題