发表新帖
发表新帖

d3 is not defined - ReferenceError

后端 未结
关注
11 1320
被撕碎了的回忆
被撕碎了的回忆 2020-12-08 07:46

I am trying to use a \"fancy graph\" found at http://bl.ocks.org/kerryrodden/7090426:

\"enter

相关标签:
11条回答
  • 余生分开走
    2020-12-08 08:06

    There may be security restrictions that prevent your browser from downloading the D3 script. What you can do is to download the scripts, place them in the same folder as your files, and change the referenced paths in your source.

    0 讨论(0)
  • 栀梦
    2020-12-08 08:06

    Replace <meta charset="ISO-8859-1"> with <meta charset="UTF-8">

    0 讨论(0)
  • 深忆病人
    2020-12-08 08:07

    And for JavaScript noobs like me - problem could be that you don't import it correctly. Try reading import docs and things like:

    import * as d3 from 'd3-transition'

    0 讨论(0)
  • 不要未来只要你来
    2020-12-08 08:11

    You may also need to add:

    <meta charset="utf-8">

    or

    <meta content="utf-8" http-equiv="encoding">

    to your head section

    0 讨论(0)
  • 没有蜡笔的小新
    2020-12-08 08:14

    Had the same issue, though I initially thought it is because of security restrictions of browser, that wasn't the case. It worked when I added the charset to the script tag as shown below:

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

    The same is shown in the d3 docs, though it doesn't mention this issue specifically: http://d3js.org/

    Yes, having it locally works too.

    <script src="d3.min.js"></script>

    Here is the full example:

    <!doctype html>
<html>
<head>
    <title>D3 tutorial</title>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <!--<script src="d3.min.js"></script>-->
</head> 
<body>
    <script>
        var canvas = d3.select("body")
                        .append("svg")
                        .attr("width", 500)
                        .attr("height", 500);
        var circle = canvas.append("circle")
                        .attr("cx",250)
                        .attr("cy", 250)
                        .attr("r", 50)
                        .attr("fill", "red");
    </script>
</body> 
</html>
    0 讨论(0)
  • 别跟我提以往
    2020-12-08 08:14

    in case browser does not prevent it from downloading and still getting the error, d3.js should be placed before jquery.

    0 讨论(0)
 看不清?
提交回复
热议问题