javascript - D3工具提示：无法读取null的属性'getBoundingClientRect'

这是我的Plunker，所以你可以跟随： http://plnkr.co/edit/BsLMhbldIYvZEVOu23aM?p=preview

我认为我接近工作提示工作，但我遇到了以下错误消息：

Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null

似乎有问题的代码是：

      var toolW = d3.select('.tooltip').node().getBoundingClientRect().width;

          if(d3.event.pageX > (width - toolW)) {
            tt.style('left', d3.event.pageX - toolW - 30 + 'px')
          } else {
            tt.style('left', d3.event.pageX + 30 + 'px')
          }
        });

上面有问题的代码在其原始块中完美运行：http://bl.ocks.org/sdbernard/2e44bd82c9d048b88451/2b31b98b8f6acb8d7c6026b5eec801e2f1f61ab2

我已将该块改编为此（半工作）Plunker（与上面相同），但我的代码抛出了错误： http://plnkr.co/edit/BsLMhbldIYvZEVOu23aM?p=preview

我迷路了。如何解决此问题，以便显示工具提示？

D3工具提示：无法读取null的属性'getBoundingClientRect'

0 个答案: