1

私は d3.js から始めています。マウスが力指向グラフのノード上にあるときに、テキスト (ツールチップ) を含むボックスを表示する最も簡単な方法を知りたいです。さらに、このボックスに含まれるテキストは、ノードごとにカスタムにする必要があります (のようなものfunction(d){return d.fullName;})) 。

ここに私が今持っているもののサンプルコードがあります。

var node = vis.selectAll("g.node")
    .data(json.nodes)
    .enter().append("svg:g")
    .attr("class", "node"); 

node.append("circle")
    .attr("r", 12)
    .style("fill", "orange");

前もって感謝します

4

1 に答える 1

2

ボックスとは、ツールチップを意味しますか？マイクの例では、彼はこのイディオムを使用しています。

node.append("title")
    .text(function(d) { return d.fullName: });

（他のタイプの要素（divsのみ？）では、そのまま使用できますelement.setAttribute("title", "title");。）

于 2012-09-30T04:05:22.457 に答える