DC.js - 如何使用dc.time.months使条形图的矩形宽度相同?

时间:2017-01-18 11:54:50

标签: javascript d3.js dc.js

我的DC宽度略有不同。没有这个问题,我之前做了很多barCharts。从谷歌搜索,数据集可能是> 10k行。看看第2和第3条距离太近了?使用.gap等没有帮助。

dc.js barChart with varying widths

元素在DOM中具有相同的宽度属性(例如14)但是当我将鼠标悬停在DOM中的一个上时,页面上的元素显示具有稍大的宽度(例如14.0166)。这些宽度各不相同。我正在使用.xUnits(d3.time.months),但是在较短的月份(例如2月份),条形宽度看起来并不薄。我尝试使用返回的函数设置.xUnits(),例如然后,这些条都变得非常宽(例如36)并且重叠。我根据文档尝试了function()和更复杂的参数:

.xUnits(function(start,end,xDomain){ return 10; });

我也尝试过使用d3的渲染器来获得相同的宽度,但它没有效果 - 可能是因为根据DOM,宽度已经相同了。我的理论是问题是每个条的x位置的长小数。

我知道版本2中有一个相关的错误。我使用的是2.1和浏览器= FF v 45.我知道这只是美学,但如果有人知道修复请帮助!

我在同一页面上有d3图形,没有类似的问题。但是我想在这个时间小部件中使用dc.js来获取所有画笔行为。

由于

0 个答案:

没有答案