Javascript D3在改变焦点时改变位置

Javascript D3在改变焦点时改变位置,javascript,d3.js,graph,nvd3.js,Javascript,D3.js,Graph,Nvd3.js,我使用的是NVD3多条形图和焦点图。我希望次(顶部)x轴上的刻度与主(底部)x轴上的条正确对齐-最好在它们的开头。目前,刻度线不与同一位置的条形线对齐。其中一些是在相邻的日期或在酒吧的中间,如下所示: 刻度与特定日期的事件一致。两个轴使用相同的比例。根据上下文图上的选择范围,通过以下方式在笔刷事件上指定其域: x.domain([new Date(extent[0]), new Date(extent[1])]); 我也试过: x.domain([new Date(extent[0]),

我使用的是NVD3多条形图和焦点图。我希望次(顶部)x轴上的刻度与主(底部)x轴上的条正确对齐-最好在它们的开头。目前,刻度线不与同一位置的条形线对齐。其中一些是在相邻的日期或在酒吧的中间,如下所示:

刻度与特定日期的事件一致。两个轴使用相同的比例。根据上下文图上的选择范围,通过以下方式在笔刷事件上指定其域:

 x.domain([new Date(extent[0]), new Date(extent[1])]);
我也试过:

 x.domain([new Date(extent[0]), d3.time.day.offset(new Date(extent[1]), 1)]);
在开始选择时,它在条的前面很好地排列,但在焦点范围改变时不会保持刻度。我怎样才能使蜱虫与它们的条纹保持一致


编辑:我使用tickValues()指定记号的位置。x是一个
d3.time.scale()

问题是我缺少一些日期的条形数据,因此刻度上的日期数与条形数不匹配。我通过在缺失日期的数据中插入0值来修复此问题