[英]jquery tipsy tooltip not working with d3.js circles
这是我的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;
}
});
但是它不起作用。
你错过了这个。 数据
$('svg circle').tipsy({
gravity: 'w',
html: true,
title: function (d) {
var d = this.__data__;
return d.corpus;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.