为什么我的sigma js图形的工具提示不合适？

Question

我正在为我的图表使用sigmajs和一些linkurious插件。我实施了一个工具提示及其工作但位置似乎不合适。我的位置设置为＆＃34; left＆＃34;对于工具提示，但它仍然没有改变。我也尝试了所有其他职位。

 node: [{
            show: 'clickNode',
            hide: 'clickStage',
            //cssClass: 'sigma-tooltip',
            position: 'left',
            ...

Answer 1

在我的情况下，问题是该插件认为我的div容器的位置是静态的。因此，由于某些原因，它没有计算出正确的相对值（在Chrome 58.0.x中）。

我在sigma.plugins.tooltips.js中做了一个快速的黑客攻击（我必须找到非最小版本以便它是可读的）来修复它：

  if (options.position !== 'css') { //IF @ Line 220
    if(containerPosition === 'static') {
      _tooltip.style.position = 'absolute';
    }

    //Hack to force re-compute tooltip position
    var containerRect = renderer.container.getBoundingClientRect();
    x = ~~(x - containerRect.left);
    y = ~~(y - containerRect.top);
    //Hack end

    // Default position is mouse position:
    _tooltip.style.left = x + 'px';
    _tooltip.style.top = y + 'px';
  }