jquery - 使用 jquery Flot 显示大量数据

Question

我正在使用 Jquery/Flot 插件开发一个 Web 应用程序，我需要显示一些 30.000 个数据点的时间序列。由于大量数据，我遇到了性能问题（所有浏览器）。当然，我不需要显示所有数据点，使用 400 像素的图表是不可能的。我的总体想法是只显示“最重要的数据”，所以我需要一个最佳实践/建议来保持良好的性能和不错的图表准确性

Answer 1

如果您的图表是 400 像素宽，那么您的服务器端代码不应向浏览器发送超过 400 个点。

因此，例如，如果您有每分钟一个点的时间序列数据，那么一个解决方案是将所有值平均一个小时，将您的 30k 点降低到 500。如果数据出来，那将非常容易一个数据库；您的查询可能大致如下所示：

SELECT truncate_to_hour(data_time) as sample_time, avg(data_value)
FROM values
GROUP BY sample_time

但显然没有单一的最佳实践。这取决于您的数据。