不是从零开始的条形图

0 到 height ...

scale.range([0, height])

…或来自 高度 0

scale.range([height, 0])

…但这并不能改变一个事实,即在SVG中 y 轴从页面的顶部到底部。因此 是的 较小 高度 对于矩形。

也就是说,你必须使用 finish 对于 是的 属性:

.attr("y", function (d, i) {
    return y(d.finish);
})
.attr("height", function(d,i){
    return y(d.start) - y(d.finish);
});

https://stackblitz.com/edit/d3-start-above-zero-qnk7bl?file=index.js