DC.js 复合图表在条形中心对齐折线图的点

Question

我正在尝试创建一个复合图表，我的要求是绘制条形图、折线图和虚线图。为此，我绘制了一个复合图表。现在我遇到了折线图的点从条形图的开头开始的问题，但我需要从线的中心开始。

您可以在此 JSFiddle 中看到问题。

我从 Stackoverflow 得到了一些帮助：

似乎一种解决方法是分配 ._rangeBandPadding(1) 复合图表。虽然正如 github 线程中提到的那样打破了条形图的大小，但将 .gap(1) 和 .centerBar(true) 添加到条形图让一切看起来都不错。

但在那之后我得到了这个输出

[http://jsfiddle.net/nauman3128/nr0rgzvc/9/][2]

Answer 1

我无法解释为什么会这样，但是通过 range band 和 old-style 的一些奇怪组合.gap(1)，我能够让它正确绘制。

诀窍是

        ._rangeBandPadding(1)

在复合图表上，以及

        .gap(1)
        .centerBar(true)

在子条形图上，几乎与原始问题中所述相同。所以这本质上是前面问题和答案的重复，但我已经将它应用到你在这个 fork 中的 JSFiddle：

此外，重要的是不要barPadding为子条形图设置。所以我们对合成使用 range-band 布局，对条形图使用经典的间隙填充，这听起来很糟糕……但输出看起来不错！