时间轴的刻度标签中的字体大小不同

Question

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

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

任何建议都表示赞赏。

Answer 1

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

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