1
힘 지향 그래프에서 내 노드에 html 레이블을 사용하고 있습니다.Html 레이블이있는 Infovis - 노드 드래그가 더 이상 작동하지 않습니다.
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은 노드 아래에 배치되지만 캔버스 주위의 특정 노드를 끌 수는 없습니다. 어떻게하면이 문제를 해결할 수 있을지 생각해?
그 원인은 무엇인지 모르지만 한 번 HTML 레이블이 있었는데 두 축 모두에서 모두 오프셋되었습니다. 확인하기 만하면 필요한 작업이 있으며 별개의 문제는 아닙니다. – kaiser
일시적인 해결 방법으로 노드 위로 확장 된 레이블의 투명 테두리 만들기가 끝났습니다 (border-top : 150px 단색 투명). ... 경계는 노드를 클릭 할 수있게합니다. – JAck28
덧글이 아닌 별도의 답변으로 추가하십시오. – kaiser