我正在尝试创建一个复合图表，我的要求是绘制条形图、折线图和虚线图。为此，我绘制了一个综合图表。现在我遇到的问题是折线图的点从条形图的开头开始，但我需要从线的中心开始。
您可以在中看到问题这个 JSFiddle http://jsfiddle.net/nauman3128/nr0rgzvc/8/.
我从 Stackoverflow 得到了一些帮助：
在条形中心对齐点（DC.JS 复合图表） https://stackoverflow.com/questions/30426356/align-points-in-centre-of-bars-dc-js-composite-chart
似乎解决方法是分配 ._rangeBandPadding(1) 复合图表。尽管正如 github 线程中提到的打破条形尺寸的那样，所以将 .gap(1) 和 .centerBar(true) 添加到条形图使一切看起来都不错。
但之后我得到了这个输出
[http://jsfiddle.net/nauman3128/nr0rgzvc/9/][2]
我无法解释为什么它有效，但是有一些范围带和旧风格的奇怪组合.gap(1)，我能够让它正确绘制。
诀窍是
._rangeBandPadding(1)
在综合图表上，以及
.gap(1)
.centerBar(true)
在子条形图上，几乎与原始问题中所述的一样。因此，这本质上是之前问题和答案的重复，但我已将其应用到此分支中的 JSFiddle 中：
http://jsfiddle.net/gordonwoodhull/nr0rgzvc/22/ http://jsfiddle.net/gordonwoodhull/nr0rgzvc/22/
还有一点很重要not to set barPadding对于子条形图。因此，我们对复合材料使用范围带布局，对条形图使用经典的间隙填充，这听起来是一个非常糟糕的主意......但输出看起来不错！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
