DC.js复合线图表意外行为

Question

我正在尝试使用包含2个折线图的直方图绘制复合图表。

这些线条正在渲染，但是如下图所示，有些纠缠在一起

我也试过改变弹性x，y属性，但它并没有改善这种情况。

任何人都可以帮助我吗？ 以下是用于创建上述图表的代码：

 lineChart_addChurn
 .width(300)
.height(200)
.x(d3.scale.ordinal().domain(data.map(function (d) {return d.Month;})))
.xUnits(dc.units.ordinal)
.clipPadding(10)
.compose([
    dc.lineChart(lineChart_addChurn)
        .dimension(dim_line_month)
        .colors('red')
        .interpolate('step-after')
        .renderArea(false)
        .renderDataPoints(true)
        .group(group_line_adds, "Top Line"),
    dc.lineChart(lineChart_addChurn)
        .dimension(dim_line_month)
        .colors('blue')
        .interpolate('step-after')
        .renderArea(false)
        .renderDataPoints(true)
        .group(group_line_churn, "Bottom Line")
    ])
.brushOn(false)
.render();