画面にランダムに配置できる要素(黒)の上にツールチップ(オレンジ)がたくさんある「複雑な」問題があります。ツールチップは大きな四角形で、要素の方向を指している 4 つの辺の 1 つの中央に三角形があります。デフォルトでは、三角形は要素の中央にありますが、近くにある限り移動できるため、別の要素ではなくこの要素を参照していることを簡単に理解できません。
問題は、ツールチップが互いに重なってはならず、画面からはみ出してはならないことです。
最初にすべてのツールチップをデフォルトの位置 (下向きの三角形) に配置してから、それらが画面からはみ出しているか、別のツールチップと重なっていないかを確認し、そうであれば別の位置を試すことを考えました。ただし、この手法 (おそらく最も単純な手法) を使用すると、最適な配置を保証することはできません。ツールチップが配置されると、別のツールチップがどこにも収まらなくなり、複雑になりすぎても置き換えられないからです。
この種の問題に対処するためのヒント/アイデアを誰かが持っていますか?
ありがとう!!