javascript - 为什么我的 d3 折线图在 x 轴上只有两个刻度？

Question

我的数据是这样的：

[
  {"months": ["2012.10","2012.11"], "score": 0.1048387096775},
  {"months": ["2012.11","2013.1" ], "score": 0.1048387096775},
  {"months":["2013.1","2013.2"],"score":0.45362903225749995},
  {"months":["2013.2","2013.3"],"score":0.4912023460409091},
  ...
]

x 轴以 ; 的形式显示月份2012.10 & 2012.11；y 轴相应地显示分数。但是，x 轴只有两个刻度，折线图变成了一个奇怪的形状。

这是我的代码：http ://plnkr.co/edit/uX8ctTEJy5lDs7LWY0Pq?p=preview

Answer 1

问题是您使用的是序数比例。序数比例是域值与范围值之间的映射。我认为您可能想要使用实际日期（例如第一个月的月底）并将标签设置为具有两个值。看看avg.axis.tickFormat文档。