我在我的.enter（）d3

Question

上遇到一個錯誤，我試圖做一個圖。即時通訊使用d3來.enter（）插入數據。我在.enter（）上得到「Uncaught TypeError：undefined不是一個函數」。數據明確地將數據放在#act中。

d3.select("#act") 
    .datum(Avg(actD)) 
.enter().append("div") 

Answer 1

使用D3方法data：

d3.select("#act") 
    .selectAll("div") 
    .data(Avg(actD)) 
    .enter().append("div") 

data作品單個和多個數據點。如果使用數據，它不會計算連接，因此您不能使用.enter()方法來附加div。

從文檔：

selection.datum([value])

Gets or sets the bound data for each selected element. Unlike the selection.data method, this method does not compute a join (and thus does not compute enter and exit selections).

---

實施例;

d3.select("#act") 
    .selectAll("div") // you need to first select an the existing/empty set before you append. 
    .data([0]).enter() 
    .append("div") 
    .html("appended") 
    .style("background-color", "red"); 

Codepen：http://codepen.io/agconti/pen/HtnJz

Answer 2

你並不需要使用.enter()與.datum()，因爲你沒有執行join：

d3.select("#act") 
    .datum(Avg(actD)) 
    .append("div") 

參考請參閱從邁克·博斯托克this SO answer或the docs。