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

Question

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

我有多个 selectMenu 并使用 selectMenu.filters() 来获取选定的值。

Fiddle

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();

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

Working Fiddle