2015-12-28 75 views
0

我觉得这是一个非常简单的问题,但我似乎无法找到正确的选项来使此工作。dc.js:更改x轴增量

我图目前的样子:

enter image description here

rowType 
    .width(450).height(200) 
    .dimension(countByType) 
    .group(countByTypeGroup) 
    .elasticX(true) 
    .title(function(d) { return "$" + formatNumber(d.value) }); 

我只想让这个50000,而不是20000 x轴的增量。

当我应用过滤器时,这些增量确实会改变,但是如图所示,当前增量导致数字聚集。

我试过使用rowType.xAxis().tickValues([0, 50000, 100000, 150000, 200000]); 但是如果有值超出该范围,x轴不会显示不在数组中的值。尝试使用.ticks(5)似乎并不能很好地工作。

回答

2

rowType.xAxis()。ticks(5)过去为我工作。不适合你?什么版本的dc.js?

+0

嗯,我只是在问题中使用示例中的蜱数(5),但实际上我只是尝试了数字7-9。使用这些数字时,实际上并没有改变间隔。然而,使用5却降低了间隔。 我也偶然发现了这里的文档:https://github.com/mbostock/d3/wiki/Quantitative-Scales#linear_ticks 它也重申计数不会严格遵循的点。 感谢您的回应! – hlee