将所有轴标签添加到d3.js图形中

Question

我正在使用此模板（https://bl.ocks.org/mbostock/3883245）使用d3构建图表。我想添加所有x轴标签。至于例子;作者没有添加所有这些。

当我阅读教程时;它建议改变这个

  x.domain(d3.extent(data, function(d) { return d.date; }));
  y.domain(d3.extent(data, function(d) { return d.close; }));

我该怎么办？

JSFiddle：http://jsfiddle.net/gqLgowh1/1/

Answer 1

您可以从轴功能中删除.ticks(5)来自。

var xAxis = d3.svg.axis().scale(x)
    .orient("bottom");

这将显示比例尺中的所有标签。但是你会注意到文本会重叠。因此，您需要选择轴中的所有标签并旋转它们以及重新调整边距以获得更好的外观。

结帐

http://bl.ocks.org/mbostock/4403522

用于旋转轴标签。