修改轴以将零值也显示为一个小条。

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本身的一些配置来解决这个问题。