0
我在d3中将文字追加到SVG中有问题。 我想实现的是让文本显示在此图像中显示的红色圆圈中:Circle d3 graph。D3中没有显示文字SVG
出于某种原因,我不能让文字显示和花了几个小时就这一点,我真的没有任何想法如何解决这个之后...我发现了几个类似的问题对SO但没有任何帮助我解决这...
这里是代码的我认为是至关重要的,以解决这一问题的片段:
.on("mousemove", function (d) {
svg.select("text.text-tooltip1")
.text(function(d){
return d3.time.format("%B %d, %Y")(d["data"]);
})
svg.select("text.text-tooltip2")
.text(function(d){
return "PM emmision:" + d3.round(x(d["ug_mean"]),2);
})
svg.select("text.text-tooltip3")
.text(function(d){
return "Benzen emmision:" + d3.round(x(d["Precipitationmm"]),2);
})
})
和
svg.append("circle")
.attr("class", "exp")
.attr("cx", 0)
.attr("cy", 0)
.attr("r", 130)
.attr("fill", "#e74747")
.attr("opacity", "0.8");
svg.append("text")
.attr("class", "text-tooltip1")
.attr("dy", "-2em")
.style("text-anchor", "middle")
.attr("class", "data");
svg.append("text")
.attr("class", "text-tooltip2")
.attr("dy", "1.5em")
.style("text-anchor", "middle")
.attr("class", "data");
svg.append("text")
.attr("z-index", 100)
.attr("class", "text-tooltip3")
.attr("dy", "2.5em")
.style("text-anchor", "middle")
.attr("class", "data");
这里是PL全码unkr:https://plnkr.co/edit/b6PjicI0vOoYSHaDnWS0?p=preview
非常感谢您的帮助!
你可以添加一些样本数据或工作代码在的jsfiddle或plunkr? – sparta93
它是:https://plnkr.co/edit/b6PjicI0vOoYSHaDnWS0?p=preview – Julia