influxdb - 将 Grafana 集成到 Web 应用程序中

Question

一点背景知识，我一直在使用 BCI(脑机接口(interface))和多 channel EEG 来监测大脑事件。当用户开启 BCI 上限的 session 时，来自每个 channel 的原始数据流将存储到 Influxdb。

我可以实时可视化这些数据，我通过将 Influxdb 中的数据库与 Grafana 集成成功地实现了这一点，如下图所示， channel 1



然而，我的最终目标是创建一个网络应用程序，用户可以在其中登录并实时查看他们当前的流 session 或任何以前的 session 。 Grafana 的问题是，与现有的 Web 应用程序集成/嵌入并不容易。我查看了Embed Panel但这使我能够只添加图表的快照，而我需要它是实时的，其中数据不断地流式传输到图表。

任何帮助将不胜感激，并在此先感谢!

Answer 1

Grafana 没有“javascript 库”，可以将其加载到页面中以在外部 Web 应用程序 (relevant github issue here) 中重新创建面板。

如果你愿意使用 grafana 以外的东西，你可以使用像 influxdb-nodejs 这样的 js 驱动程序连接到 influxdb或 influent获取数据，然后使用绘图库(例如 flot 、 plotly 、 d3 、 smoothie charts )重新创建图表。这将是解决问题的典型方法，但它确实需要您更多的开发时间。

但是，如果您确实想使用 grafana，您现在可以 embed a grafana panel使用 iframe 进入外部应用程序，如下所示:

<iframe 
    src="https://snapshot.raintank.io/dashboard-solo/snapshot/y7zwi2bZ7FcoTlB93WN7yWO4aMiz3pZb?from=1493369923321&to=1493377123321&panelId=4" 
    width="650" height="300" frameborder="0">
</iframe>