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

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; });