如何动态设置 d3.js 刻度

Question

我有一个分组条形图，它是动态的，可以随时重新加载新数据。它在大多数情况下都按预期工作。

我的问题是，在 xAxis 上，当我的数据值为 1 时，xAxis 为每个刻度显示 1，而不是 0 1 2 3 4 5，条形图从 0 到 1。发生这种情况时，条形图会一直穿过图表。

如果我将 xAxis.ticks 设置为 1，图表上的刻度很好（0 和 1），但如果我的值高于 1，图表上只有 2 个刻度。 （0到15）有没有办法解决这个问题？

Answer 1

我最终只是将 5 添加到 x 域。

var formatxAxis = d3.format('.0f');

            var xAxis = d3.svg.axis()
                .scale(x)
                .orient("bottom")
                //.tickFormat(d3.format(".2s"));
                .ticks(5)
                .tickFormat(formatxAxis);

            y0.domain(data.map(function (d) { return d.groupLabel; }));
            y1.domain(subgroupLabels).rangeRoundBands([0, y0.rangeBand()]);
            x.domain([0, d3.max(data, function (d) {
                return d3.max(d.subgroups, function (d) {

                    var v; 

                    d.value > 4 ? v = d.value : v = 5  
                    return v;
                });
            })]);