如何使用图表制作实时仪表板[关闭]

Posted 2023-03-22

【中文标题】如何使用图表制作实时仪表板[关闭]

【英文标题】：How to do a real-time dashboard with charting [closed]

【发布时间】：2012-05-01 20:35:24

【问题描述】：

我想为我们拥有的定制网络服务创建一个仪表板，以便我们可以实时监控使用情况。如果您已经看到，类似于沙发底座仪表板的东西。如果不是，它基本上是一个折线图，它会随着时间沿图表底部和 y 轴上的使用情况从右到左滚动。

为了最小化数据带宽，我假设有一种方法可以只传递更改的数据来更新图形，而不是每次都发送新的图像/矢量。这将使用 javascript 图表库绘制。

我不清楚的是如何从服务器获取数据。让 javascript 代码每秒使用 AJAX 轮询服务器的正常方法是（如果您是在逐秒更新之后）还是使用其他方法？

我用 php 做后端，用 html/JS 做客户端。

有没有人有任何可能有用的示例或链接。

【问题讨论】：

您想出解决方案了吗？我也面临同样的问题。

不，我还没有解决这个问题。它目前在待办事项列表上，但在优先级方面被击倒。但是，我只是打算进行轮询 AJAX 调用并通过调用请求一个时间段，并让服务器只返回该时间段的数据。然后我将使用一个 javascript 库来绘制图形。如果有人知道更好的方法，我也很高兴听到。

【参考方案1】：

为了从后端获取数据，我认为您可以使用Ajax 调用它，使用setInterval() 每秒重新加载一次，看起来像：

setInterval(function() 
   $.ajax(
        url: url of your backend server,
        type: 'GET',
        success: function (data) 
           //data returned from the server, use it to draw your chart
        
      );
, 1000); // recall ajax every second