小编Bru*_*ira的帖子

我正在尝试使用可视化作为D3服装图表上的选择器.我正在关注SDK文档在这里,我不能让我的示例工作.

基本上我通过声明"me"var并启用"用作过滤器"选项来加注星标.

var me = this;
this.addUseAsFilterMenuItem();

然后,当附加de svg元素时,我添加了clear和end selecion方法:

var g = d3.select(this.domNode).append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
    .on("click", function(d) {
        if (event.target.classList.contains('bar')) {
            me.clearSelections();
            me.endSelections();
            return true;
        } else {
            return true;
        }
     });

获取数据时,我使用hasSelection属性:

var data = this.dataInterface.getRawData(mstrmojo.models.template.DataInterface.ENUM_RAW_DATA_FORMAT.TREE, {
  hasSelection: true
 }).children;

在我的栏上添加"applyselection"方法时:

 g.selectAll(".bar")
.data(data)
.enter()
.append("rect")
.attr("class", "bar")
.attr("x", function(d) {
    return x(d.name);
})
.attr("y", function(d) {
    return …