2012-09-20 85 views
8

我想要動態重新加載在d3中工作,並且在嘗試弄清楚如何刷新數據庫中的數據時遇到了問題。從數據庫動態加載外部數據到d3.js

我有一個包含值應當改變每第二陣列:

VAR數據= [1,2,3,4];

在我最初的劇本,我已經PHP拉動數據從數據庫中設置的陣列,並重新載入頁面工作正常,但我想使用D3的重裝功能來獲取新的數據和重新繪製圖表。

我對js和d3是全新的,所以任何建議都會非常有幫助。

我試過使用jQuery的get命令來調用一個外部PHP腳本來輸出值,但似乎不起作用。

我基本上是試圖從谷歌分析實時顯示覆制條形圖。

回答

1

首先,你需要在服務器上的網頁,將輸出JSON格式的數據*。一旦你有了這個頁面,從瀏覽器中調用它,你應該得到編碼的數據出現在屏幕上(這將證明頁面託管正確並返回數據)

接下來,按照D3文檔中的簡單示例Yeco發佈的鏈接。您需要將帶有地址的虛擬URL替換爲新的數據頁面,然後在其中粘貼自己的函數調用以使用新數據重新繪製圖表。

*注意:我不熟悉PHP,但它應該有一個本機JSON編碼器,或者一個庫將在網上提供。您還需要確保您正確設置響應MIME類型 - 快速谷歌應該給你正確的MIME類型 - 這就像'應用程序/ JSON'我想,但不記得我的頭頂

+0

好了,所以我有一個單獨的腳本輸出如下: '[110,157,131,111,136]' 但我只是得到錯誤,當我嘗試使用d3.json。 –

+0

好的,改變它,讓整個繪製方法生活在d3.json的作品裏面。謝謝! –

相關問題