0

我正在使用d3.js创建条形图,但遇到了轴功能的障碍。对于以下代码,生成的轴显示值 0、2、4、6 和 8 并重复它们。我希望它只显示值 0 和 2,因为它们是域中唯一的 2。 这是小提琴中的完整工作代码。

这是仅与轴有关的代码:

// 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 中的错误?谢谢您的帮助!

安迪

4

1 回答 1

1

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

.tickValues([0,1,2]).tickFormat(d3.format(",.0f"))
于 2013-05-16T18:59:22.447 回答