Question

我试图通过this tutorial了解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>

但是，当我加载页面时，我看不到新段落？有什么问题？

Answer 1

下面的代码片段是jsFiddle如何设置启用d3的工作页面。我不确定究竟是什么导致了您的问题，但也许您可以尝试复制标题。

我通常建议通过CDN（例如cloudflare或d3自己的服务器，如小提琴）包含libs（如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>

您可以保留script tag at the bottom of the body。

d3.js由于某种原因不起作用

1 个答案: