私は Highmaps を使用しており、地図マーカーがあちこちにある世界地図を持っています。マップ マーカー間の接続を表示したいので、jsPlumb を使用することにしました。ハイチャート データに id を次のように設定します。
data: [{
id: "MT",
x: 907.49,
y: -1485.43
}
],
ここで定義されたIDをjavascriptを使用して取得しようとしましたが、うまくいきました。jsPlumb は、ソースとターゲットの両方に要素の ID を必要とするため、次のようになります。
jsPlumb.connect({
source: 'MT',
target: 'GPin1',
anchors: [['Right'], ['Left']],
endpoint: ["Dot", {
radius: 0.1
}],
問題は、jsPlumb がハイチャートで定義された ID を認識せず、コンソールにエラーを返すことです。どうすればこれを解決できますか?