D3缩放如何仅在刻度上放置最小和最大数量

时间:2015-06-26 14:30:14

标签: d3.js d3plus

创建比例:

headers.forEach(function(d) {
            // Coerce values to numbers.
            jsonObj.forEach(function(p) {
                y[d] = d3.scale.linear().domain(
                        d3.extent(jsonObj, function(p) {
                            return +p[d] || 0;
                        })).range([ h, 0 ]);
                y[d].brush = d3.svg.brush().y(y[d]).on("brush", brush);
            });
        }); 



g.append("svg:g").attr("class", "axis").each(function(d) {
            d3.select(this).call(axis.scale(y[d]));

比例正在[0.0,0.1,0.2,...,1.0]

我想要这样的东西[0,1]。

有可能吗?我怎么能这样做?

2 个答案:

答案 0 :(得分:1)

您应该查看axis.ticks()。我假设axis.ticks(2)只给你最小和最大轴值。

如果您事先知道最小/最大值或想要计算它们,那么可能有效的另一个选项是axis.ticksValues()

有关这两者的更多信息,以及有关轴的许多其他详细信息,请访问https://github.com/mbostock/d3/wiki/SVG-Axes#ticks

答案 1 :(得分:0)

听起来你正在寻找的是轴的.ticks()方法,它指定了轴上的刻度数。

尝试:d3.select(this).call(axis.scale(y[d]).ticks(2));