2012-08-03 33 views
3

我正在嘗試使用帶有十進制值的兩個維度編寫的JavaScript散點圖。我正在從MySQL數據庫獲取這些值,並使用Php爲他們提供圖表。我的db有近150000個條目,對應圖中的150000對小數輸入。運行我的代碼後,圖形不可見。我從我的PHP代碼中獲得了輸出,並將其粘貼到JavaScript代碼中,它顯示出錯,但沒有說明(我正在使用Dreamweaver)。如果我只使用3對圖形的十進制輸入,一切都可以正常顯示。使用JS的散點圖有沒有限制?

我的問題是:在散點圖中可以看到多少個值是否存在限制?

我現在使用Highcharts庫中的散​​點圖。我也嘗試了谷歌圖表工具API中的散點圖,但我得到了相同的結果。

我的代碼,餵養使用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]]}, 

謝謝。

+0

你有許多情節點的問題嗎?或者這只是一個理論問題? – Matt 2012-08-03 15:30:54

+0

你的HighChart代碼是什麼樣的?如果可以的話,js找個例子。 – wergeld 2012-08-03 15:34:31

+0

是的,我有許多情節點的問題。例如。數據:[[0.0,-0.1239],[0.1,-0.1168],[0.2,-0.1263]]這工作,增加一對點的結果一個錯誤:/(我對錯誤一無所知) – 2012-08-03 15:48:23

回答

1

在散點圖中可以看到多少個值是否存在限制?

好的:劇情的大小。一旦你填滿了整個區域,就不需要再畫點了。只需減少大量數據即可繪製,例如通過僅輸出每第五個值。您也可以使用一些算法來計算平均值並僅顯示它們。

接下來是動態繪圖。特別是在老年客戶中,繪製所有點的時間會更長。繪製服務器圖表並將圖像傳輸到客戶端應該會更好,尤其是如果圖表不需要互動。

此外,您可以將整個數據集攜帶到客戶端。有帶寬限制。你的文件有多少千兆字節?

結論:150000點太多了。

+0

感謝您的答覆和明確表示有限制。我試圖限制我的輸入,但我仍然在這裏得到一個錯誤:數據:[[0.0,-0.5133],[0.1,-0.7452],[0.2,0.2066],[0.3,-0.8405],[0.4,-0.1709 ],[0.5,0.7085],[01.0,-0.8802],[01.1,-0.4241],[01.2,-0.8803],[21.3,0.0000],[21.4,-0.9483],[21.5,-0.7093],[ 22.0,-0.3569],[22.1 -0.2897],[22.2,0.6884],[22.3,0.0534],[22.4,-0.9698],[22.5,0.0051],[23.0,-0.7317],[23.1,0.0051] ,[23.2,-0.2395],[23.3,0.1927],[23.4,0.0051],[23.5,0.9610]]}, – 2012-08-03 16:05:57

+0

你以某種方式在數組文字後面有一個大括號。或者你得到哪個錯誤? – Bergi 2012-08-03 16:20:49

+0

是的,這是因爲它像 - >系列:[{name:..,color:..,data:[..]},{name:..,color:..,data:[..]} ]。我發現如果小數點像00.something一樣,這會導致錯誤。因此,我將每個00轉換爲0.現在數據完全正確,但無法使用php進行可視化。如果我將php代碼的結果複製粘貼到js代碼中,它就可以工作。但我仍然想動態地提供輸入。 – 2012-08-03 16:22:09