简单函数在if语句中不起作用

Question

我有一个嵌套的JSON文件：

{
  "name": "1370",
  "children": [
    {
      "name": "Position X",
      "value": -1
    },
    {...}
  ]
  "matches": [
    {
      "certainty": 100,
      "match": {
        "name": "1370",
        "children": [
          {
            "name": "Position X",
                "value": -1
          },
          {...}
        ]
      }
    }
  ]
}

我想使用修改后的可折叠树来显示它。 我想在悬停相应的节点时显示“匹配”和“确定性”。 我使用了简单的工具提示示例 。

现在我有这样的事情：

  var nodeEnter = node.enter().append("g")
      ...
      .on("mouseover", function(d) {
          if (d.matches) {
            return tooltip.style("visibility", "visible")
              .text( function(d) { return d.name; } );
          }
       } )
      ...
      ;

我只是使用d.name进行测试。 我想稍后再写一个更复杂的函数。 但这根本不起作用。 我得到一个工具提示，但是它是空的（或包含默认值）。 我不明白的是，以下方法有效：

if (d.matches) {
  return tooltip.style("visibility", "visible")
    .text( d.name );
}

因此，在我看来，此功能目前无法使用。 我究竟做错了什么？

Answer 1

您所犯的错误是，在调用jQuery的.text（）方法时，您传入的是函数，但是要传入的是该函数的返回值。 为了做到这一点，您只需要使用期望的参数调用传入的函数：

var nodeEnter = node.enter().append("g")
  ...
  .on("mouseover", function(d) {
      if (d.matches) {
        return tooltip.style("visibility", "visible")
          .text( function(d) { return d.name; }(d) );
      }
   } )
  ...
  ;

注意函数在声明后如何使用（d）调用

Answer 2

链接的示例中的tooltip没有与之关联的任何数据。 因此，如果您尝试将text函数与访问器一起使用，它将无法获取任何数据。

我的猜测是，您不想从tooltip获取数据，而是使用D3传递给您的mouseover事件的数据：

var nodeEnter = node.enter().append("g")
  ...
  .on("mouseover", function(d) { // <-- This is the data passed by D3, associated to your node.
      if (d.matches) {
        var newName = computeNameFromData(d);
        return tooltip.style("visibility", "visible")
          .text( newName ); // <-- Just pass a string here.
      }
   } )
  ...
  ;