如何将默认值设置为 dc selectMenu

Question

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

我有多个 selectMenu 并使用 selectMenu.filters() 获得 selected 值。

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

另外我想知道是否有可能不显示框而是显示 multi-select 的下拉列表？

Answer 1

我使用 replaceFilter 解决了这个问题，如下所示：

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

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

Working Fiddle

如何将默认值设置为 dc selectMenu

How to set default value to dc selectMenu

d3.js

crossfilter

dc.js