我在raspberry中编写了一个程序(使用python),它使用一个运动传感器来说明房间是否为空(例如,当没有移动时)。如果房间是空的,覆盆子将“0”发送到我的服务器(在另一种情况下它发送“1”)。 (我知道这是一个简单的用例,并不完美,但我只想切换到可视化)。所以我想要做的是创建一个实时图形来可视化我的覆盆子发送的数据。这真的是一个简单的用例。
由于我已经使用过nodejs,我想用相同的语言创建该图形。我不知道是否有更简单,更强大的API或库。但现在,我尝试使用情节:https://plot.ly/streaming/
有我的代码:
var data = {
'x':x0,'y':y0,
'type':'scatter',
'mode':'lines+markers',
marker: {
color: "rgba(31, 119, 180, 0.96)"
},
line: {
color:"rgba(31, 119, 180, 0.31)"
},
stream: {
"token": "ikx23jsxtj", //token that I generate
"maxpoints": 1000
}
}
var graphOptions = {
"filename": "Room State",
"fileopt": "overwrite",
"layout": {
"title": "Raspberry"
},
"world_readable": true
}
plotly.plot(data, graphOptions, function (err, resp) {
if (err) return console.log("ERROR", err)
console.log(resp)
var plotlystream = plotly.stream("ikx23jsxtj", function () {})
var signalstream = ..... //the problem is that I have NO idea what I should write here
plotlystream.on("error", function (err) {
signalstream.destroy()
})
data.pipe(plotlystream)
})