如何动态更改条形图中的 bin 大小 (dc.js)？

Question

所以我多次调用下面的代码，但问题是条形图 bin 大小固定在我放置的第一个数据上，一切都在按应有的方式变化，但 bin 大小没有变化。

barChart
        .width(1080)
        .height(138)
        .margins({top: 10, right: 10, bottom: 20, left: 50})
        .dimension(key_map[$(this).text()].Dim)
        .group(key_map[$(this).text()].Group)
        .colors(['#6baed6'])
        .x(d3.scale.ordinal().domain(key_map[$(this).text()].Dim)) 
        .xUnits(dc.units.ordinal)
        .elasticY(true)
        .yAxis().ticks(4);

    barChart.elasticX(true).filterAll();dc.redrawAll();

Answer 1

感谢@Gordon，我终于弄明白了。

即使我在调用 elasticX(true); 键数组也被忽略了，所以我最终调用了 chart.focus([all_the_keys_from_the group]); 现在它运行良好。

barChart
    .dimension(key_map[$(this).text()].Dim)
    .group(key_map[$(this).text()].Group)
    .x(d3.scale.ordinal().domain(key_map[$(this).text()].Dim)) 
    .xUnits(dc.units.ordinal)
    .elasticX(true);
    var focus_keys = [];

    key_map[$(this).text()].Group.all().forEach(element => {
        focus_keys.push(element.key);
    });

    barChart.focus(focus_keys);
    barChart.filterAll(); dc.redrawAll();

如何动态更改条形图中的 bin 大小 (dc.js)？

How to dynamically change bin size in bar chart (dc.js)?

crossfilter

dc.js