Question

目前的代码工作正常，唯一的补充是我想为使用clicky函数发送到控制台的对象指定一个名称。控制台返回Object {type: "MultiPolygon", coordinates: Array[1]}，我想将其分配给变量名，以便稍后当我引入具有相同生成名称的CSV文件时可以引用它。我该怎么做呢？

var northcentral = {
  "47": 1, "37": 1, "45": 1, "13": 1
};

var northcentral_c = {
  "25": 1, "09": 1, "44": 1, "50": 1, "33": 1, "23" :1
};  

var svg = d3.select("svg");

var path = d3.geoPath();

var nc = [];
Array.prototype.push.apply(nc,us.objects.states.geometries.filter(function(d) { return d.id in northcentral; }))
Array.prototype.push.apply(nc,us.objects.counties.geometries.filter(function(d) { return d.id in northcentral_c; }))

svg.append("path")
  .datum(topojson.merge(us, nc))
  .attr("class", "state northcentral")
  .attr("d", path)
  .on("click", clicky);

function clicky(d){
  console.log(d);
}

Answer 1

嗯，就是这样：

var dWhichWasClicked = null

function clicky(d){
  console.log(d);
  dWhichWasClicked = d
}

通过在dWhichWasClicked之外声明clicky()，它可用于（即在范围内）该文件中的任何其他代码，而如果在dWhichWasClicked内声明clicky()它只会在该职能范围内。

话虽这么说，使用全局变量通常是一个坏主意，虽然这种方法不一定是全局变量，但它很接近。

你可以只使用一个加载csv的函数：

function loadCSV(filename) {
  // load it now
}

并从点击处理程序

中调用它

function clicky(d){
  console.log(d);
  loadCSV( getFilenameFor(d) )
}

将变量名称分配给D3.js中的数组对象

1 个答案: