如何在鳳凰城使用d3.js？

Question

我正在嘗試將Ruby on Rails + d3.js應用程序轉換為Phoenix + d3.js上的Elixir。 我似乎無法正確加載d3.js。

我在web / static / vendor / js / d3.v3.min.js中有它。 我的brunch-config.js在這之前有一個訂單：

order: {
 before: [
   "web/static/vendor/jquery.min.js",
   "web/static/vendor/js/jquery-placeholder/jquery.placeholder.min.js",
   "web/static/vendor/js/jquery.bootgrid.min.js",
   "web/static/vendor/js/jquery.mCustomScrollbar.concat.min.js",
   "web/static/vendor/js/jquery.sparkline.min.js",
   "web/static/vendor/js/bootstrap.min.js",
   "web/static/vendor/js/moment.min.js",
   "web/static/vendor/js/fullcalendar.min.js",
   "web/static/vendor/js/d3.v3.min.js",
   "web/static/vendor/js/sugar-full.min.js",
   "web/static/vendor/js/waves.js"
 ]
}

我有一個帶有腳本標簽的模板，其中包含d3 javascript。 但是，它錯誤：

graph:259 Uncaught ReferenceError: d3 is not defined

我錯過了什么？

Answer 1

您的瀏覽器中很可能存在安全限制，導致無法正確下載D3。

最好的辦法是手動獲取D3.JS和相關腳本，然后將它們放在與圖形/網頁源代碼相同的文件夾中。

您需要做的是在HTML中找到引用D3.JS和其他文件的..標簽，並將它們更改為您復制到HTML頁面文件夾的相關文件的名稱。