javascript - grafana如何与前端页面交互？
如题，目前通过iframe组件将grafana展示在前端页面中，现想要实现：用户输入设备名并选择时间区间后展示响应时间内某设备的数据(某值的折线图)，请问如何配置grafana以及前端代码实现此功能？
目前iframe中相关链接只有类似这样的：
localhost:3000/d-solo/afd33dcf-75ea-77bc-a4d1-32237d284c94/new-dashboard?orgId=1&from=1680451200000&to=1680537599000&panelId=1
共有1个答案
localhost:3000/d-solo/afd33dcf-75ea-77bc-a4d1-32237d284c94/new-dashboard?orgId=1&from=<StartTime>&to=<EndTime>&var-Device=<DeviceName>&panelId=1<StartTime>、<EndTime> 和 <DeviceName> 应该根据用户的输入来替换。
var deviceInput = document.getElementById('deviceInput');var timeRangeSelect = document.getElementById('timeRangeSelect');var grafanaIframe = document.getElementById('grafanaIframe');deviceInput.addEventListener('input', updateIframe);timeRangeSelect.addEventListener('change', updateIframe);function updateIframe() { var deviceName = deviceInput.value; var timeRange = timeRangeSelect.value; var endTime = Date.now(); var startTime = endTime - timeRange * 60 * 60 * 1000; // 以小时为单位的 // 更新 iframe 的 src 属性 grafanaIframe.src = 'localhost:3000/d-solo/afd33dcf-75ea-77bc-a4d1-32237d284c94/new-dashboard?orgId=1&from=' + startTime + '&to=' + endTime + '&var-Device=' + deviceName + '&panelId=1';}-
问题： 前端如何跳转页面路径 ？ 我尝试使用了路由的语法， 但是没有跳转
-
前端使用vue，后端使用springboot，前后端分离，且已解决跨域，登录采用jwt验证 想实现功能：如果用户通过url栏输入地址方式来访问某个页面（非登录页），对未登录用户自动跳转登录页面 请问拦截器是设置在后端还是设置在前端？另外对于静态页面能拦截吗
-
打算把页面url,与api url做一个风格统一,查了许多大佬的文章和分析,最后常用的有rest,rpc风格,因为才接触这些风格,恐未掌握其精髓,所以下面定义用了似rest风格.希望得到大家的建议与使用经验,哪种风格更适合监控,更加适合应付生产线上碰到的一些url问题. rest,用 get,post,put,delete来定义动作,围着一个地址,好处,简洁.但多语义比较乏力. rpc, 完全用u
-
我需要在每次与页面交互后截图（点击，滚动等）我该怎么做？我使用硒和爪哇。
-
JavaScript 调用 Krpano 对象 embedpano({ //省略其它不相关设置... id: "krpanoSWFObject", onready: krpanoReady }); function krpanoReady() { var krpano = document.getElementById('krpanoSWFObject');
-
我想建立小型应用程序。会有一些用户。我不想做自己的用户系统。我想将我的应用程序与oauth/oauth2.0集成。 集成我的前端应用程序和oauth 2.0没有问题。有很多有用的文章，如何做到这一点，即使在 stackoverflow.com 上。例如，这篇文章非常有帮助。 但是。在前端成功授权后，我该怎么办？当然，我可以在客户端上有标志，上面写着“好的，伙计，用户已通过身份验证”，但是我现在应该