Graph 使用JavaScript或flash的连续移动图形

Graph 使用JavaScript或flash的连续移动图形,graph,Graph,我有一些数据,我想用这些数据绘制一个图表。问题是数据不断变化(多个文件),我希望图形是连续的(类似于ECG)。有人能帮我想一想吗?这种类型的图表通常被称为直方图(类似于CPU使用率图表),它会不断滚动 您只需定期更新图表,其中包含沿时间线的最后x个点数 您是否在寻找一些特定的东西,例如要使用的组件等?一些关于技术的信息会有所帮助。这种类型的图表通常称为直方图(类似于CPU使用率图表),它会不断滚动 您只需定期更新图表,其中包含沿时间线的最后x个点数 您是否在寻找一些特定的东西,例如要使用的组件等

我有一些数据,我想用这些数据绘制一个图表。问题是数据不断变化(多个文件),我希望图形是连续的(类似于ECG)。有人能帮我想一想吗?

这种类型的图表通常被称为直方图(类似于CPU使用率图表),它会不断滚动

您只需定期更新图表,其中包含沿时间线的最后x个点数


您是否在寻找一些特定的东西,例如要使用的组件等?一些关于技术的信息会有所帮助。

这种类型的图表通常称为直方图(类似于CPU使用率图表),它会不断滚动

您只需定期更新图表,其中包含沿时间线的最后x个点数

您是否在寻找一些特定的东西,例如要使用的组件等?一些关于技术的信息会有所帮助。

您可以使用jQuery(其他JS框架也可用)

执行回调以获取更改数据的增量,然后设置图形动画以移动到某个点。如果您使用类似的东西,那么您可以使用一个JS框架来完成这一切,您可以使用jQuery(其他JS框架也可用)


执行回调以获取更改数据的增量,然后设置图形动画以移动到某个点。如果您使用类似的工具,那么您可以使用一个JS框架来完成所有工作

这是如何通过计时器绘制ECG,这样您就可以连续绘制:


这是如何通过计时器绘制ECG,以便您可以连续绘制:


一种方法是使用一点Ajax,定期轮询服务器以获取文件或脚本数据。然后,您将更新用于在页面上显示图形的图形库组件。通过使用ajax调用,您可以避免重新加载页面,用户将看到与ECG非常相似的移动图形

下一页有一个小教程演示了这一点,并提供了必要的javascript来轮询服务器和每秒更新一个图形组件:-


一种方法是使用一点Ajax,定期轮询服务器以获取文件或脚本数据。然后,您将更新用于在页面上显示图形的图形库组件。通过使用ajax调用,您可以避免重新加载页面,用户将看到与ECG非常相似的移动图形

下一页有一个小教程演示了这一点,并提供了必要的javascript来轮询服务器和每秒更新一个图形组件:-

你可以用

此库为您提供数据推送选项,因此您可以设置web套接字解决方案并实时推送这些图表中的数据。或者,您可以设置轮询超时,并以这种方式更新图表

时间图表具有跟踪最新数据的功能,因此它将不断向前移动

请参阅使用此图表通过web套接字数据推送实时监控服务器的示例:

你可以用

此库为您提供数据推送选项,因此您可以设置web套接字解决方案并实时推送这些图表中的数据。或者,您可以设置轮询超时,并以这种方式更新图表

时间图表具有跟踪最新数据的功能,因此它将不断向前移动

请参阅使用此图表通过web套接字数据推送实时监控服务器的示例: