Как использовать d3.js в Фениксе?

Question

Я пытаюсь преобразовать приложение Ruby on Rails + d3.js в Elixir на Phoenix + d3.js. Я не могу заставить d3.js правильно загружаться.

У меня есть он в сети/статический/поставщик/js/d3.v3.min.js. И мой бранч-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-страниц.