d3.js - 如何将默认值设置为 dc selectMenu

Question

我必须设置一个默认值，selectMenu所以假设如果我的选择框中有 A、B、C，我想选择“A”作为默认值。这可能吗？

我有一个倍数selectMenu并selectMenu.filters()用于获取选定的值。

小提琴

var data = [
    { Activity: "A", Count: 10},
    { Activity: "B", Count: 20},
    { Activity: "C", Count: 30},
    { Activity: "D", Count: 40},
    { Activity: "E", Count: 50},
]

var ndx  = crossfilter(data);
var dim = ndx.dimension(function(d) { return d["Activity"]; });
var group = dim.group().reduceCount();


select = dc.selectMenu("#my-select-menu");

select
    .dimension(dim)
    .group(group)
    .multiple(true)
    .controlsUseVisibility(true);

dc.renderAll();

另外我想知道是否有可能不显示一个框，而是显示多选的下拉菜单？

Answer 1

我用这样的方法解决了这个问题replaceFilter：

select.replaceFilter([["A"]]).redrawGroup();

注意语法，它是数组内的数组。

工作小提琴