1

d3.jsを使用して折れ線/棒グラフにマウスオーバーしているときに、対応する場所に値を表示する必要があります

var toolTip = svg.selectAll("path")
.append("svg:title")
.text(getmouseoverdata(data)
);


function getmouseoverdata(d) {
    return d;
}

ここでは、グラフ内の任意の場所でマウスオーバーしているときに、配列内のすべてのデータを取得します。

しかし、対応する場所で値を表示したい。どうすれば達成できますか？

4

2 に答える 2

2

このようにd3jsマウスイベントハンドラーを使用できます

var coordinates = [0, 0];
coordinates = d3.mouse(this);

var x = coordinates[0];
var y = coordinates[1];

現在のマウス座標を提供します。

于 2013-04-15T11:55:12.753 に答える