1

こんにちは、infovis ユーザーが助けてくれるかもしれません。私は infovis noob で、フォース ダイレクテッド グラフを起動し、Json を介してノードに渡して実行しています。いずれにせよ、ポップアップ情報ウィンドウを各ノードに 1 つとして修正することはできますか?マーカーをクリックするとGoogleマップに表示されるかもしれません。私は数時間ぐるぐる回っています。

ありがとう。

これは、各ノードにイメージを添付しようとしても、これを機能させることができません。

onCreateLabel: function(domElement, node) {
      var actionElem;
      var link = document.createElement('a');
      var frame = document.createElement('div');


      actionElem = document.createElement('img');
      // http://promote.opera.com/logos/Opera-icon-high-res.png
      //actionElem.src = photoUrls[node.id];
      actionElem.src = 'http://promote.opera.com/logos/Opera-icon-high-res.png';
      actionElem.className = 'profilePicture';

      //actionElem.onclick = function() { nodeOnClick(node) };
      link.href = '/' + node.id;
      link.className = 'link';
      link.target = '_blank';
      link.innerHTML = node.name;
      frame.className = 'detailFrame';
      frame.appendChild(actionElem);
      frame.appendChild(document.createElement('br'));
      frame.appendChild(link);
      domElement.appendChild(frame);
},
4

2 に答える 2

1

ノードにカーソルを合わせたときに表示されるポップアップに画像を表示したい場合は、「ヒント」を使用できます。ビジュアライゼーションを初期化するときに次のコードを追加します ( egforcedirected )。

 Tips: {
          enable: true,
          onShow: function(tip, node) {

            tip.innerHTML = "<div class=\"tip-title\"> <img src = "your-image-url"  >" +   "</div>" ;

          }
        }
于 2013-03-26T06:45:16.083 に答える
1

次のようにして、イメージをノードに追加できます。

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/node.png'/></div>;
}

一意の画像を追加するには、json で画像名を渡すことができます。

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/"+node.data.image+"'/></div>;
}
于 2013-02-21T12:25:05.897 に答える