如何將json數據框集成到html文件中

Question

我目前正在自學「d3js」，並且發現了很多示例here。看起來對於所有的可視化我們需要兩個分離的文件。一個是腳本（一個html文件），另一個是包含我們數據集的json文件。

我很好奇，如果有一種方法可以將json文件放入html文件，那麼我們只能有一個文件。我想我以前在互聯網上看到過這樣的例子，但我失去了它。

我想這樣做的唯一原因是，如果數據集與HTML文件分開，我無法使用Chrome查看我的結果（我認爲Chrome會阻止腳本讀取本地數據集）。我可以使用Firefox來打開我的結果，但動畫不能順利執行。

也許我的一些理解不是很對。但如果有任何建議，請讓我知道。提前致謝。

Answer 1

如果您只使用一個HTML文件，那麼您的頁面上可能有一個代碼爲<script>的代碼。你可以將你的數據定義爲一個Javascript數組。

使用多個文件來組織代碼，數據和視圖元素（HTML）會很好。 This頁面爲您設置瀏覽器提供了一些幫助。對於Chrome，請關閉所有打開的窗口。然後使用此標誌從「運行」提示運行Chrome：chrome --allow-file-access-from-files