我正在嘗試構建條形圖，但不斷收到此錯誤：
SyntaxError: missing ) after argument list
它說問題出在 .range() 方法的行中，但我沒有看到。我覺得一切都很好。
我從這里下載了資料集：https : //raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json
let url = "data.json";
var svg = d3.select('body')
.append('svg')
.attr('width', 900)
.attr('height', 460);
var yScale;
var arr = [];
d3.json(url).then(function(data) {
for (let i = 0; i < data.data.length; i ) arr[i] = data.data[i];
}).then(() =>
yScale = d3.scaleLinear()
.domain([0, d3.max(arr, (d) => d[1])])
.range([460, 0]);
svg.selectAll('rect')
.data(arr)
.enter()
.append('rect')
.attr('fill', 'blue')
.attr('height', d => d[1])
.attr('width', 3)
.attr('x', (d, i) => 4 * i)
.attr('y', (d, i) => yScale(d[1]))
); <script src="https://d3js.org/d3.v6.min.js"></script>uj5u.com熱心網友回復：
多行代碼，你的箭頭函式需要花括號
d3.json(url).then(function(data) {
for (let i = 0; i < data.data.length; i ) arr[i] = data.data[i];
}).then(() => {
yScale = d3.scaleLinear()
.domain([0, d3.max(arr, (d) => d[1])])
.range([460, 0]);
svg.selectAll('rect')
.data(arr)
.enter()
.append('rect')
.attr('fill', 'blue')
.attr('height', d => d[1])
.attr('width', 3)
.attr('x', (d, i) => 4 * i)
.attr('y', (d, i) => yScale(d[1]))
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/401970.html
標籤：javascript json d3.js 数据集 条形图