帶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像素純透明）。 ...邊框使節點可單擊。