Uncaught TypeError：d3.select（...）。selectAll（...）。data（...）。enter（...）。append（...）。atrr不是函數

-1

我是在繪製D3圖時出現主題錯誤。數據正在正確加載，因爲當我做console.log時，我可以看到數組。Uncaught TypeError：d3.select（...）。selectAll（...）。data（...）。enter（...）。append（...）。atrr不是函數

的Javascript：

d3.csv("../../shot_logs.csv", function (data) { 

    var shots = d3.select("svg") 
     .selectAll("g") 
     .data(data) 
     .enter() 
     .append("g") 
      .atrr("class", "shot") 
      .attr("transform", function (d) { 
        return "translate(" + d.x_coodinates + "," + d.y_coordinates + ")"; 
    }); 
    shots.append("circle") 
     .attr("r", 5); 

});

HTML：

<!DOCTYPE html> 
<html lang="en-US"> 

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="style-main.css" type="text/css" media="all"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://d3js.org/d3.v4.min.js"></script> 
</head> 

<body> 
    <h1>D3 Charts</h1> 
    <select id="selector"></select> 
    <svg id="canvas" height="600px" width="1200px"></svg> 

    <script src="JS/script.js"></script> 
</body> 

</html>

來源

2017-07-06 Hannan

錯誤是在說你需要知道的一切。 Console.log追加後的對象，看看該對象中是否真的有attr函數 – Volem

無論如何，多得多的鏈接使其無法讀取 – Volem

看起來像一個簡單的拼寫錯誤:)

變化

.atrr("class", "shot")

到

.attr("class", "shot")

來源

2017-07-06 19:35:45 AlexM

哈哈你有一隻鷹的眼睛。解決了這個問題。我希望我今天不是那麼愚蠢:) – Hannan

Uncaught TypeError：d3.select（...）。selectAll（...）。data（...）。enter（...）。append（...）。atrr不是函數

回答

相關問題