使用 JS 的散点图有限制吗？

Question

我正在尝试提供一个用 JavaScript 编写的散点图，其中包含带有十进制值的二维。我从 MySQL 数据库中获取这些值，并使用 Php 将它们提供给图表。我的数据库有近 150000 个条目，对应于图中的 150000 对十进制输入。运行我的代码后，图表没有可视化。我从我的 Php 代码中获取了输出并将其粘贴到 JavaScript 代码中，它显示出了问题，但它没有说明什么（我正在使用 Dreamweaver）。如果我只为图表使用 3 对十进制输入，一切都会正常可视化。

我的问题是：您可以在散点图中显示多少个值有限制吗？

我现在正在使用 Highcharts 库中的散点图。我还尝试了 Google Chart Tools API 的散点图，但得到了相同的结果。

我的代码，在 JS 中使用 Php 提供图形是：

data: [<?php 
                for($j=0;$j<$i1;$j++)
                {
                    if($females[$j]['Hour']=="00")
                        $females[$j]['Hour']="0";
                    echo "[".$females[$j]['Hour'].".".$females[$j]['Min'].",".$females[$j]['Sent']."]";
                    if(($j+1)!=$i1)
                    {
                        echo ",";
                    }
                }

            ?>]}, 

有效的是：

 data: [[0.3,-0.1623],[0.4,-0.1840],[0.5,-0.1555]]},

谢谢。

Answer 1

图表未呈现时我遇到了同样的问题，这是由于 turboThreshold 参数造成的。将其设置为高于您尝试渲染的点数。

请参阅http://api.highcharts.com/highstock#plotOptions.series.turboThreshold 了解更多信息。

Answer 2

您可以在散点图中显示多少个值有限制吗？

当然：情节的大小。一旦你填满了整个区域，就不需要再画点了。只需减少要绘制的数据量，例如通过仅输出每五个值。您还可以使用一些算法来计算平均值并仅显示它们。

接下来是动态绘图。尤其是在老客户上，绘制所有点的时间会更长。在服务器端绘制图表并将图像发送到客户端应该会更好，尤其是在图表不需要交互的情况下。

此外，您会将整个数据集传送到客户端。存在带宽限制。你的文件有多少千兆字节？

结论：150000点太多了。