D3.js Y轴被切断/在d3条形图上未正确缩放?

D3.js Y轴被切断/在d3条形图上未正确缩放?,d3.js,bar-chart,D3.js,Bar Chart,我不明白为什么我的y轴被切断了,而我的第一根横杆超出了范围。据我所知,js文件中的所有内容都是正确的。代码如下,但我也为它创建了一个要点。这是一个例子 这是一个类型问题。 在您的数据文件中,“学生”字段是字符串而不是数字,因此刻度的最大值计算不正确(例如字符串比较中的“2”>“10”) 您需要更改数据结构(或在初始加载后进行一些数据转换)或在d3.max回调中进行转换,如下所示: y.domain([0, d3.max(data, function(d) { return +d.students

我不明白为什么我的y轴被切断了,而我的第一根横杆超出了范围。据我所知,js文件中的所有内容都是正确的。代码如下,但我也为它创建了一个要点。这是一个例子

这是一个类型问题。 在您的数据文件中,“学生”字段是字符串而不是数字,因此刻度的最大值计算不正确(例如字符串比较中的“2”>“10”)

您需要更改数据结构(或在初始加载后进行一些数据转换)或在d3.max回调中进行转换,如下所示:

y.domain([0, d3.max(data, function(d) { return +d.students; })]); // note the '+'

完全有道理。非常感谢。
y.domain([0, d3.max(data, function(d) { return +d.students; })]); // note the '+'