d3.js - 改变时间轴刻度标签中的字体大小

Question

我正在根据常规时间轴绘制时间序列数据。现在，我使用默认的“多尺度”刻度格式，所以我在 X 轴上看到日期与 AM/PM 小时相结合。

现在：如何以更大的字体显示日期，以使它们从小时刻度中脱颖而出？所有刻度似乎都具有相同的“刻度”CSS 类，所以我无法使用 CSS 区分它们......

任何建议表示赞赏。

Answer 1

D3 没有提供任何东西来区分生成的不同类型的刻度，但您也可以在设置样式时检查生成标签时使用的条件。代码看起来像这样。

d3.selectAll(".tick > text")
  .style("font-size", function(d) { return d.getHours() == 0 ? 32 : 24; });