如何将默认值设置为dc selectMenu

时间:2018-06-27 16:32:39

标签: d3.js dc.js crossfilter

我必须将默认值设置为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();

我还想知道是否可以不显示一个框而是一个下拉菜单来进行多选?

1 个答案:

答案 0 :(得分:1)

我使用replaceFilter这样解决了这个问题:

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

请注意语法,它是数组内的数组。

Working Fiddle