Question

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

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

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

我使用PHP作为后端，使用HTML / JS作为客户端。

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

Answer 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

如何使用图表进行实时仪表板

1 个答案: