javascript - 显示 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();

这是您的 fiddle :https://jsfiddle.net/c8mjha3o/