使用JS的Scatter图是否有限制?

时间:2012-08-03 15:20:11

标签: php javascript html highcharts scatter-plot

我正在尝试使用带有十进制值的两维来编写用JavaScript编写的Scatter图。我从MySQL数据库中获取这些值,然后使用Php将它们与图形一起提供。我的数据库有近150000个条目,对应于图中的150000对十进制输入。运行我的代码后,图形不可视化。我从我的Php代码中获取了输出并将其粘贴到JavaScript代码中,它显示了一些错误,但它没有说明什么(我正在使用Dreamweaver)。如果我只为图形使用3对十进制输入,则所有内容都可以正常显示。

我的问题是:您在Scatter图中可以看到多少个值有限制吗?

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

我的代码,使用Php在JS中提供图形是:

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]]},

谢谢。

2 个答案:

答案 0 :(得分:4)

我的图表没有呈现同样的问题,这是由于turboThreshold参数。将其设置为高于您尝试渲染的点数。

有关详细信息,请参阅http://api.highcharts.com/highstock#plotOptions.series.turboThreshold

答案 1 :(得分:1)

  

在Scatter图中可以显示多少个值是否有限制?

当然:情节的大小。填满整个区域后,无需绘制更多分数。只需减少要绘制的数据量,例如通过仅输出每五个值。您还可以使用某些算法来计算平均值,并仅显示它们。

接下来,有动态绘图。特别是对于老客户来说,持续时间会更长。绘制图表服务器并将图像发送到客户端应该会更好,特别是如果图表不需要是交互式的。

此外,您将整个数据集携带到客户端。有带宽限制。你的文件数量有多少GigaBytes?

结论:150000点太多了。