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

时间:2014-04-24 12:24:39

标签: javascript d3.js

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

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

结果条看起来像我希望它们看起来,但是y轴有一个间隙,我想关闭(低于零):

enter image description here

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

1 个答案:

答案 0 :(得分:0)

我通过手工绘制小线来解决问题:

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