D3 JS 数据过滤答案

【问题标题】：D3 JS Data FilteringD3 JS 数据过滤
【发布时间】：2013-04-26 20:40:07
【问题描述】：

我正在尝试过滤数据集以仅显示某些选择元素的标签。这里显示的过滤器似乎工作，除了它创建了数千个空白元素，我显然想避免。这是因为过滤器出现在追加之后，但是如果我将过滤器移到追加语句上方，它就会中断。

我做错了什么

  var labels = svg.selectAll("text.label")
    .data(partition.nodes(bp.data.preparedData))
    .enter()
    .append("text")
    .filter(function(d){return d.ci_type === 'type'})
      .attr("class", "label")
      .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
      .text(function(d, i) { return d.name } );

【问题讨论】：

标签： d3.js

【解决方案1】：

听起来您想在将数据传递给 D3 之前对其进行过滤。也就是说，您的代码将是

var labels = svg.selectAll("text.label")
   .data(partition.nodes(bp.data.preparedData).filter(
            function(d){return d.ci_type === 'type'}))
   .enter()
   .append("text")
   .attr("class", "label")
   .attr("transform", function(d) { return "translate(" + arc.centroid(d) + ")"; })
   .text(function(d, i) { return d.name } );

【讨论】：