显示y轴的最底部刻度

Question

Y轴中最底部的刻度在我创建的折线图中不可见。轴创建代码是：

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

var yAxis = d3.svg.axis().scale(y)
    .orient("left").ticks(5)
    .innerTickSize(-width)
    .outerTickSize(0)
    .tickPadding(10);

轴是好的，但是我需要在Y轴的最底部显示刻度和文本。这里出了什么问题？ Here is the JSFiddle.

Answer 1

在域中使用nice()：

y.domain([
    d3.min(chartData, function(n) {
        return d3.min(n.values, function(d) {
            return d.value;
        });
    }),
    d3.max(chartData, function(n) {
        return d3.max(n.values, function(d) {
            return d.value;
        });
    })
]).nice();

这是你的小提琴：https://jsfiddle.net/c8mjha3o/