Question

我是d3的新手，并尝试在一个框中为四个特定状态中的每一个绘制一些数据，类似于this page，但状态不是大陆，还有更多的数据点。我有一个超过42,000个条目的json数据集，据说来自这4个州。

要按状态键，我使用了这个：

d3.json("data/business.json",function(json) {
  var data=d3.nest()
    .key(function(d) {return d.state;})
    .sortKeys(d3.ascending)    
    .entries(json);

然后为每个州制作一个方框：

  // One cell for each state
  var g=svg.selectAll("g").data(data).enter()
    .append("g")

（属性等）

很好，但我很快发现数据集中包含了一些我不想考虑的状态的数据，所以它绘制的框比我想要的多。

我想在不改变原始数据文件的情况下排除不是来自四种状态的数据。最好的方法是什么？

Answer 1

过滤您的json：

var keep = ["state1", "state2", "state3", "state4"];
json = json.filter(function(d) { return keep.indexOf(d.state) > -1; });

Answer 2

可以过滤d3.nest而不是原始数组的输出：

  function trim(nested, f) {
    return nested
        .filter(function (e) {
          return f(e.key)
        })
        .map(function (e) {
          if (e && (typeof e =='object') && Array.isArray(e.values) && ('key' in e)) {
            return { key: e.key, values: trim(e.values, f)}
          }
          else return e
        })
  }

例如：

  function isNewEngland(st) {
      return ["ME","VT","NH","MA", "CT", "RI"].indexOf(st)>=0 
  }

  data = trim(data, isNewEngland)

D3：嵌套并排除某些键

2 个答案: