使用 Highcharts 从 CSV 中绘制 2 个点的 400K 图表答案

【问题标题】：Plot 400K graphs of 2 points from CSV with Highcharts使用 Highcharts 从 CSV 中绘制 2 个点的 400K 图表
【发布时间】：2022-01-06 11:45:30
【问题描述】：

我正在尝试从具有以下结构的 CSV 文件在 Highcharts 中绘制 ~400K 图表：

x1, x2, y
0.03, 0.034, 1
0.2, 0.23, -1
0.3, 0.31, 0.4
0.32, 0.37, 0.7
[...]

每一行包含一个从 (x1, y) 到 (x2, y) 的函数。

我的第一种方法是将此 CSV 数据转换为 Highcharts 的系列格式，并在 JS sn-p 中对其进行硬编码。这确实有效，正如我在 Fiddle 上看到的那样：

问题在于这完全是低效的。因此，当绘制的函数数量超过 10K 时，Web 浏览器就会崩溃。

我也看到了read CSVs on Highcharts 的方法，但是从示例中可以看出，Highcharts 上的读取 csv 函数需要不同的格式。

另外，我看到在 Highcharts 上有使用boost module 的大量负载示例。因此，我相信可以使用 Highcharts 从 csv 文件中绘制这些 ~400K 函数，但我还没有找到一种方法来做到这一点。有什么猜测吗？

PS：csv 来自一个 Python 模块，我可以根据需要对其进行修改，以便从那里读取给定的数据。

【问题讨论】：

【解决方案1】：

映射系列data.seriesMapping应该有助于解决第一个问题。

包含每个系列的字典的数组。存在一个以 Point 属性名称作为键、CSV 列索引作为值的字典。

问题：

所以你想用单点渲染超过 400k 系列，对吧？为什么不想使用 boost 模块？

【讨论】：