Question

我刚刚开始学习D3.js，目前遇到一个我无法解决的问题。这是我的代码（简单的代码）

<html>

<head>
    <meta charset="UTF-8">
    <title>Basic Bar Graph</title>
    <h1> Basic Bar Graph </h1>
</head>

<body>
    <p></p>
    <script src="https://d3js.org/d3.v5.min.js"></script>
    <script>    
        d3.csv("Basic Bar Graph.csv", function(data){

                d3.select("body")
                .selectAll("p")
                .data(data)
                .enter()
                .append("span");
                console.log(data);
            });



        var data = [4, 1, 6, 2, 8, 9];
        var body = d3.select("body")
                    .selectAll("span")
                    .data(data)
                    .enter()
                    .append("span");

    </script>

</body>

</html>

所以问题在于，当我从CSV加载数据（将Excel数据另存为CSV）时，未附加任何span元素。但是，console.log(data)可以正常工作。因此，我认为可能没有加载DOM内容，因此将整个脚本包装在window.onload()函数中。仍然没有附加span元素。

但是相同的代码适用于静态数据。

非常感谢您的帮助。

谢谢。

从CSV加载D3 JS数据，但.append（）函数不起作用

0 个答案: