d3.js по какой-то причине не работает

0

Я пытаюсь понять d3 через этот учебник. Итак, я загрузил скрипт, назвал его d3.js и поместил его в тот же каталог с index.html Вот код index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>D3 Test</title>
        <script type="text/javascript" src="d3.js"></script>
        <style type="text/css"></style>
    </head>
    <body>
        <script type="text/javascript">
            d3.select("body").append("p").text("New paragraph!");
        </script>
    </body>
</html>

Однако, когда я загружаю страницу, я не вижу нового абзаца? Что не так?

  • 0
    любое сообщение об ошибке в консоли ???
  • 0
    Может быть, вы можете предоставить нам больше информации, например, браузер, который вы используете для тестирования.
Показать ещё 3 комментария
Теги:
d3.js

1 ответ

1
Лучший ответ

Ниже приведен фрагмент, в котором jsFiddle настраивает рабочую страницу с поддержкой d3. Я не уверен, что именно вызывает вашу проблему, но, возможно, вы можете попробовать скопировать заголовок.

Обычно я рекомендую включать libs, например d3, через CDN (например, облачный или собственный сервер d3, как в скрипке), так как кэшированная версия может затем использоваться на всех доменах сайта (из-за ее абсолютной ссылки), без загрузки каждой время.

<html><head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title> - jsFiddle demo</title>

    <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script><style    type="text/css"></style>

    <link rel="stylesheet" type="text/css" href="/css/result-light.css">

    <script type="text/javascript">//<![CDATA[ 
        window.onload=function(){ 
            d3.select("body").append("p").text("New paragraph!");
        }//]]>
    </script>
 </head><body></body></html>

Тем не менее, вы можете сохранить свой тег сценария в нижней части тела.

Поделиться
  • 0
    Работает сейчас, не уверен, что вызвало проблему. Я сделаю несколько тестов и напишу о результатах.
  • 0
    Lol, обе исправленные ошибки вызвали неправильную функциональность.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню