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

一時的な回避策として、ノードの上に伸びるラベルの透明な境界線を作成することになりました (border-top: 150px solid transparent)。...境界線はノードをクリック可能にします。

于 2013-10-18T15:21:05.423 に答える