Question

我正在使用 d3.js 来创建一个条形图，并且遇到了一个带有轴功能的障碍。对于以下代码，生成的轴显示值0,2,4,6和8并重复它们。我希望它只显示值0和2，因为它们是域中唯一的2。 Here's the full working code in a fiddle.

以下是仅适用于轴的代码：

// this yScale domain is [0, 2], and the range is like [300, 3] or thereabouts
var yScale = d3.scale.linear().domain([0, maxValue]).range([height, margin.bottom]);
// Draw a Y axis
var yAxis = d3.svg.axis().scale(yScale).orient('left');
svg.append("g")
    .attr("transform", "translate(0,1)")
    .attr("class", "y axis")
    .call(yAxis);

我在这里做错了什么，或者这是d3.js中的错误？谢谢你的帮助！

安迪

Answer 1

它实际上显示的值为0.0,0.2,0.4等。将其添加到yAxis函数中。

.tickValues([0,1,2]).tickFormat(d3.format(",.0f"))

d3带有微小域名的Axis Bug？

1 个答案: