d3图表宽度不会在x轴上显示标签

d3 chart width doesnt display the label on the x axis

本文关键字:显示 标签 d3      更新时间:2023-09-26

我有一个图表宽度为500的例子。

var w = 500;
var h = 500;

我试图在d3图表中插入大量数据,所以我需要大于500的宽度

var w = 500000;
var h = 500;

它使用了一个不错的滚动条,但我看不到x轴的值,它已经消失了。

这个错误的原因是什么?

它与ticks有关,当宽度变大时,为了在轴上看到更多的值,您需要增加刻度

var xAxis = d3.svg.axis()
        .scale(xScale)
        .orient("bottom")
        .ticks(1555);

记号在那里(全部5个)。正如您所指定的,只有5个刻度。在这么大的宽度上,很难找到。如果你在xAxis定义上将.ticks(5)改为.ticks,你会看到更多的tick。