一般来说，很不幸，没有办法做到这一点整洁。D3并没有真正的概念，几件事排队，因此没有办法完成它。
然而，在您的特定情况下，您可以通过调整第二个y轴的域来轻松修复它：

.domain([d3.min(dataset, function(d) { return d.calc_di1_di2_percent; }), 0.7])

完整的示例here。

为了使0水平处于相同的位置，策略是使y轴的长度/比例相等。以下是解决方案的概念：
1.基线的对齐取决于y轴的长度。
1.为了让所有值显示在条形图中，我们需要延长尺寸的较短侧，与另一侧进行比较，以使两个轴的比例相等。
例如：

// dummy data
const y1List = [-1000, 120, -130, 1400],
    y2List = [-0.1, 0.2, 0.3, -0.4];

// get proportion of the two y axes
const totalY1Length = Math.abs(d3.min(y1List)) + Math.abs(d3.max(y1List)),
    totalY2Length = Math.abs(d3.min(y2List)) + Math.abs(d3.max(y2List)),
    maxY1ToY2 = totalY2Length * d3.max(y1List) / totalY1Length,
    minY1ToY2 = totalY2Length * d3.min(y1List) / totalY1Length,
    maxY2ToY1 = totalY1Length * d3.max(y2List) / totalY2Length,
    minY2ToY1 = totalY1Length * d3.min(y2List) / totalY2Length;

// extend the shorter side of the upper dimension with corresponding value
let maxY1Domain = d3.max(y1List),
    maxY2Domain = d3.max(y2List);
if (maxY1ToY2 > d3.max(y2List)) {
    maxY2Domain = d3.max(y2List) + maxY1ToY2 - d3.max(y2List);
} else {
    maxY1Domain = d3.max(y1List) + maxY2ToY1 - d3.max(y1List);
}

// extend the shorter side of the lower dimension with corresponding value
let minY1Domain = d3.min(y1List),
    minY2Domain = d3.min(y2List);
if (minY1ToY2 < d3.min(y2List)) {
    minY2Domain = d3.min(y2List) + minY1ToY2 - d3.min(y2List);
} else {
    minY1Domain = d3.min(y1List) + minY2ToY1 - d3.min(y1List);
}

// finally, we get the domains for our two y axes
const y1Domain = [minY1Domain, maxY1Domain],
    y2Domain = [minY2Domain, maxY2Domain];