D3 JS数据过滤 [英] D3 JS Data Filtering

问题描述

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

Im trying to filter a dataset to only display labels for some select elements. The filter shown here seems to work, except it creates thousands of blank elements, which I obviously want to avoid. This is because the filter comes after the append, but if I move the filter above the append statement , it breaks.

这里我做错了什么

  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。也就是说，您的代码为

It sounds like you want to filter your data before passing it to D3. That is, your code would be

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

这篇关于D3 JS数据过滤的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！