2013-05-21 3 views
6

у меня есть это в моем index.html файл, но он не показывает пункт, который я хочу добавить с D3Простейшее D3.js пример не работает

<!DOCTYPE html> 
<html> 
    <head> 
    <title> D3 page template </title> 
    <script type="text/javascript" src = "d3/d3.v3.js"></script> 
    </head> 

    <body> 
    <script type="text/javascript"> 
     d3.select("body").append("p").text("new paragraph!"); 
    </script> 
    </body> 
</html> 

Путь туда, где я ссылки D3.js должен быть правильным, потому что если я сделаю элемент проверки в браузере, я могу щелкнуть ссылку D3, и он приведет меня к исходному коду.

enter image description here

+0

Это работает для меня ... –

+2

Используйте http://d3js.org/d3.v3.min.js в ИПВ для d3 –

+0

также прилагается изображение ошибки, которую я получаю. –

ответ

15

Вы пропускаете набор символов в вашей HTML странице. Добавить что-то вроде этого:

<meta charset="utf-8"> 

ООН-уменьшенная источник D3 включает в себя фактический символ пи, который сбивает с толку браузер, если набор символов не определен.

+0

wow ... интересный. Спасибо –

+1

Да, это то, что я думал. Может быть, это хитроумная кампания @mbostock, чтобы заставить людей узнать о Unicode и наборах символов :-) – explunit

+0

+1 Very Nice Catch! Мне тоже было интересно, почему у меня возникла ошибка при запуске неминифицированного кода, а минимальный код был в порядке. – markE

5

Я собираюсь предположить, что вы тестируете это без веб-сервера. Если это так, то ваш URL будет читать файл: // .... не http: // ..

С этим запрос Javascript будет отправлен в файл: ///.../D3/d3/d3 .v3.js, у которых не будет надлежащего набора заголовков ответов, таких как charset и MIME.

Вы всегда можете получить его из CDN, чтобы избежать этой проблемы:

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
+0

Спасибо, что работает для меня. для меня у меня есть следующее в моем файле, но не сработало, После, я добавил charset с cdn, это сработало. Зачем это нужно? – AKS

Смежные вопросы