[英]How to set up the scale with d3js?
I'm trying to build a bar chart but keep getting this error:我正在尝试构建条形图,但不断收到此错误:
SyntaxError: missing ) after argument list
It says the problem is in the line of the.range() method but I don't see it.它说问题出在 .range() 方法的行中,但我没有看到。 Everything looks fine to me.
在我看来一切都很好。
I downloaded the dataset from here: https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json我从这里下载了数据集: 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>
With multiple lines of code, your arrow function needs curly braces多行代码,你的箭头 function 需要花括号
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]))
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.