Dimple JS - 消除y轴和图表之间的间隙

时间:2017-02-04 02:39:47

标签: d3.js dimple.js

我正在使用dimple.v2.3.0来创建线和面积图。在创建具有x轴类别的图表时,Dimple在y轴和线/区域之间留下间隙。我想问有没有办法消除差距?

screenshot

1 个答案:

答案 0 :(得分:0)

我担心没有这方面的好答案,它是这样做的,因为酒窝允许你与酒吧等组合。日期的时间轴不包括差距因此用面积图来回答大多数情况,但是分类轴总是有差距。

在这种情况下,您可以使用一种hacky变通方法,在x轴上有整数,将它们视为日期并将它们放在时间轴上:

var x = myChart.addTimeAxis("x", "Call", "%Y", "%-Y");
x.timePeriod = d3.timeYear;
x.timeInterval = 1;

这将解析并显示您的通话年数,并在时间轴上显示它们。 "% - Y"显示格式显示4位数年份,没有前导零。这适用于高达9999的整数。这里有一个小提琴:

https://jsfiddle.net/zuuaar1t/