首页 文章

将Grafana集成到Web应用程序中

提问于
浏览
11

有一点背景,我一直在与BCI(脑计算机界面)和多通道脑电图一起监测大脑活动 . 当用户启动具有BCI上限的会话时,来自每个通道的原始数据流存储在Influxdb中 .

我可以通过将我的数据库集成在Influxdb中与Grafana实时成功实现这些数据的实现,如下面第1 Channels 所示

EEG data for Channel 1

但是,我的最终目标是创建一个Web应用程序,用户可以在该应用程序中实时登录或查看当前的流式会话或任何之前的会话 . Grafana的问题在于,与现有的Web应用程序集成/嵌入并不容易 . 我查看Embed Panel,但这使我能够只添加图表的快照,而我需要它实时地将数据连续流式传输到图表 .

任何帮助将不胜感激,并提前感谢!

1 回答

  • 1

    Grafana没有"javascript library"可以加载到页面中以在外部Web应用程序中重新创建面板(relevant github issue here) .

    如果你愿意使用grafana以外的东西,可以使用js驱动程序(如influxdb-nodejsinfluent)连接到Influxdb以获取数据,然后使用绘图库(例如flotplotlyd3smoothie charts)重新创建图表 . 这将是解决问题的典型方法,但它确实需要您更多的开发时间 .

    但是,如果您确实想要使用grafana,现在可以使用iframe将外部应用程序embed a grafana panel这样:

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

相关问题