javascript - dc.js:更改 x 轴增量

标签 javascript d3.js dc.js

我觉得这是一个非常简单的问题,但我似乎找不到正确的选项来让它发挥作用。

我的图表目前如下所示:

enter image description here

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

我只想让 x 轴增加 50,000,而不是 20,000。

当我应用过滤器时,这些增量确实会发生变化,但如图所示,当前增量导致数字聚集在一起。

我尝试使用rowType.xAxis().tickValues([0, 50000, 100000, 150000, 200000]); 但如果存在超出该范围的值,则 x 轴不会显示不在数组中的值。尝试使用 .ticks(5) 似乎效果不佳。

最佳答案

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

关于javascript - dc.js:更改 x 轴增量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34501250/

相关文章:

jquery - 我使用 D3 树 js 创建了树。重点是我需要每个树节点的顶部和左侧的值。如何获取树节点的顶部和左侧值?

javascript - 在条形图中的条形顶部显示值

javascript - dc.js 中带有计数的条形图

javascript - D3 自定义曲线 : bundle interpolation for areas

d3.js - 如何将过滤结果添加到选择菜单

javascript - 取消鼠标单击事件的 JavaScript 重定向

javascript - 使用 jQuery 显示模块模式不起作用

javascript - AdWords 根据点击事件 jquery 计算转化次数

javascript - PrimeFaces 5.0 javascript 错误 - b.debug("PrimeFaces 已经加载

javascript - 将 d3.js JavaScript 函数翻译成 CoffeeScript