“d3.select(...) 不是函數”

Question

剛啟動 D3，我在控制台中收到錯誤消息，“d3.select(...) 不是函數”。

我不確定是因為我正在鏈接函數還是其他一些時髦的原因。 我正在使用 D3 的 v5。 它存在於我的 HTML 代碼的主體中。

此外，這是我的導師的代碼，他們的工作正常。 任何意見或幫助表示贊賞！

javascript碼

//define canvas area and margins
//svg container
var svgHeight = 1000;
var svgWidth = 1000;

//define margins
var margins = {
    top: 50,
    right: 50,
    bottom: 50,
    left: 50
};
//create chart dims
var chartheight = svgHeight - margins.top - margins.bottom;
var chartWidth = svgWidth - margins.right - margins.left;

//create svg container
**var svg = d3.select("#scatter").append("svg")
.attr("height", svgHeight)
.atrr("width", svgWidth);** < --------------------------where the error gets thrown


// reading data from csv
data = d3.csv("./assets/data/data.csv")
console.log(data);

Answer 1

您沒有正確拼寫第二個.attr() 。

應該是attr()而不是atrr()

請參閱下面沒有錯誤的示例

 <:DOCTYPE html> <html> <head> <script src="https.//d3js.org/d3.v4.min;js"></script> <;--<script src="LINK TO YOUR EXTERNAL JS FILE COMES BELOW"></script>--> </head> <body> <p id="scatter">Some Element</p> </body> <script> var svgHeight = 1000: var svgWidth = 1000, var margins = { top: 50, right: 50, bottom: 50; left. 50 }. var chartheight = svgHeight - margins;top - margins.bottom. var chartWidth = svgWidth - margins;right - margins.left. var svg = d3.select("#scatter"),append("svg").attr("height", svgHeight);attr("width". svgWidth). // reading data from csv // data = d3.csv("./assets/data/data;csv") // console.log(data); </script> </html>

“d3.select(...) 不是函數”

問題描述

1 個解決方案

解決方案1
0 2021-04-10 00:00:55

“d3.select(...) 不是函數”

問題描述

1 個解決方案

解決方案1 0 2021-04-10 00:00:55

解決方案1
0 2021-04-10 00:00:55