jquery tipsy工具提示不与d3.js圈子一起使用

这是我的d3.js代码

var circles = vis.selectAll("circle").data(data) circles .enter() .append("svg:circle") .attr("stroke", "black") .attr("cx", function (d) { return xRange(d.year); }) .attr("cy", function (d) { return yRange(d.count); }) .style("fill", function(d,i){return color(i);}) .append("svg:title") .text(function (d) { return d.corpus; }) 

最后我在圆圈上附加了一个工具提示。我试图将jquery tipsy工具提示附加到圆圈但是没有用。这就是我做的方式（我跟着http://bl.ocks.org/1373263 ）

 var circles = vis.selectAll("circle").data(data) circles .enter() .append("svg:circle") .attr("stroke", "black") .attr("cx", function (d) { return xRange(d.year); }) .attr("cy", function (d) { return yRange(d.count); }) .style("fill", function(d,i){return color(i);}) $('svg circle').tipsy({ gravity: 'w', html: true, title: function (d) { return d.corpus; } }); 

但它不起作用。

Answer 1

你错过了这个。 数据

 $('svg circle').tipsy({ gravity: 'w', html: true, title: function (d) { var d = this.__data__; return d.corpus; } });