화면에 무작위로 배치 할 수있는 요소 (검정색) 위에 여러 툴팁 (주황색)이있는 "복잡한"문제가 있습니다. 툴팁은 요소 방향을 가리키는 네면 중 하나의 중간에 삼각형이있는 큰 사각형입니다. 기본적으로 삼각형은 요소의 가운데에 있지만 가까이있는 한 이동할 수 있으므로이 요소를 참조하는 것이고 다른 요소는 참조하지 않는다는 것을 쉽게 이해할 수 없습니다.항목 배치 알고리즘
문제는 툴팁이 서로 겹치지 않아야하고 화면을 벗어날 수 없다는 것입니다.
내가 먼저 기본 위치 (삼각형이 아래로 가리키는)에 모든 툴팁 배치에 대해 생각하고, 그들이 화면에서 또는 다른 하나를 겹치는 경우 다음 확인하고, 만약 그렇다면, 다른 위치를 시도합니다. 그러나이 기법 (아마도 가장 단순한 기법)을 사용하면 툴팁을 배치하고 나면 다른 배치가 적합하지 않을 경우 대체하지 않을 것이므로 너무 복잡한 배치가되므로 최상의 배치를 보장하지는 않습니다.이 유형의 문제를 해결하는 방법에 대한 조언이나 아이디어가 있습니까?
감사합니다.
감사합니다. 참조 용으로 다른 관련 게시물 : http://stackoverflow.com/questions/5833695/bubble-chart-label-placement-algorithm-preferably-in-javascript – nox