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

时间:2013-07-07 18:13:36

标签: javascript d3.js linechart

我的数据是这样的:

[
  {"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

1 个答案:

答案 0 :(得分:0)

问题是您使用的是ordinal scale。序数标度是域值与范围值之间的映射。我认为您可能想要使用实际日期(例如,第一个月的结束)并将标签设置为具有两个值。请查看avg.axis.tickFormat文档。