带HTML标签的Infovis-节点拖动不再起作用

Question

我在力向图中为节点使用html标签。

Label:{
  type: 'HTML'
},

onCreateLabel: function (domElement, node) {
  domElement.innerHTML = node.name;
  var style = domElement.style;
  style.border = "1px solid red"
  style.fontSize = "1.5em";
  style.color = "#ddd";
},

onPlaceLabel: function (domElement, node) {
  var style = domElement.style;
  var left = parseInt(style.left);
  var top = parseInt(style.top);
  var w = domElement.offsetWidth;
  style.left = (left - w / 2) + 'px';
  style.top = (top + 30) + 'px';
  style.display = '';
}

看起来不错。 但是，当我尝试在画布上移动节点时……我无法。 如果将鼠标放在节点上，单击鼠标左键，然后拖动，整个图形将移动-而不仅仅是选定的节点。 html放置在该节点下方，但是我仍然无法在画布上拖动任何特定的节点。 知道我该如何解决吗？

Answer 1

作为一个临时的解决方法，我最终为标签创建了一个透明的边框，该边框延伸到整个节点上（border-top：150像素纯透明）。 ...边框使节点可单击。