javascript - 修改轴以将零值也显示为小条

Question

我还需要为零值显示一个小条。我通过减少 y 轴第一个范围参数来实现这一点:

var y = d3.scale.linear()
    .range([height-10, 0]);

生成的条形看起来像我想要的样子，但 y 轴有一个间隙，我喜欢关闭该间隙(低于零):

有关如何解决此问题的任何提示吗？

Answer 1

我确实通过手工画小线解决了这个问题:

var line = d3.svg.line().x(0).y(function(d) {return d;});

svg.append('g')
    .attr('class', 'y axis')
    .call(yAxis)
    .append('path')
    .attr('d', line([height, height - 10]));

我仍然希望通过 D3 本身的一些配置来解决这个问题。