D3js用月份

时间:2017-07-17 06:59:11

标签: javascript angularjs d3.js graph

我正在尝试使用角度js中的d3js创建一个绘制高度相对于年龄的图表。

我创建了一个线性刻度,但线性刻度是5的倍数  5,5.5,6,...

我想创建一个x轴刻度为5,5.6,6,6.6,7...18。这里5代表January,5.6代表June

由于计算年份的时间有12个月,因此错误地绘制了数据。

例如

date of birth is 01-jan-2011
date of entry is 05-dec-2016
when calculating the years it is 5.11
I am unable to plot this in graph

我已尝试将值传递为tickValues,但刻度之间的间距不规则。

enter image description here

修改

或者 是否有可能在每5个次要刻度后设置一个主要刻度。

(即)5是一个主要标记,然后5.1, 5.2, 5.3, 5.4, 5.5是次要标记,5.6将是一个主要标记。

这是我的图表。我不想显示次要刻度值,但我需要绘制像5.11,6.10这样的值等等。

编辑2:

现在我已将这些值设置为月份,如.tickValues(d3.range(60, 217, 6))所以x轴值为60,66,72 ......这相当于5,6.6,6 ...年份60个月= 5年。

如何以年为单位显示标签并使用月份值

绘制图表

0 个答案:

没有答案