1

我在力有向图中为我的节点使用 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 位于节点下方，但我仍然无法再在画布周围拖动任何特定节点。知道如何解决这个问题吗？

4

1 回答 1

0

作为临时解决方法，我最终为在节点上延伸的标签创建了一个透明边框（边框顶部：150px 纯透明）；...边框使节点可点击。

于 2013-10-18T15:21:05.423 回答