Javascript 将鼠标悬停在切片上时更改d3.js饼图标签的颜色?
我目前正在使用css直接更改悬停时切片的颜色,但我想改为影响标签的颜色。我很难弄清楚如何使用d3语法来实现这一点,任何提示都将不胜感激。 谢谢 请尝试以下代码:Javascript 将鼠标悬停在切片上时更改d3.js饼图标签的颜色?,javascript,d3.js,mouseover,Javascript,D3.js,Mouseover,我目前正在使用css直接更改悬停时切片的颜色,但我想改为影响标签的颜色。我很难弄清楚如何使用d3语法来实现这一点,任何提示都将不胜感激。 谢谢 请尝试以下代码: arcs.on("mouseover", function() { d3.select(this) .select("text") .style("fill", "green"); }).on("mouseout", function() { d3.select(this) .select("text")
arcs.on("mouseover", function() {
d3.select(this)
.select("text")
.style("fill", "green");
}).on("mouseout", function() {
d3.select(this)
.select("text")
.style("fill", "black");
});
演示:
可变宽度=960,
高度=500,
半径=数学最小宽度,高度/2;
var color=d3.scale.ordinal
.范围[98abc5、8a89a6、7b6888、6b486b、a05d56、d0743c、ff8c00];
var arc=d3.svg.arc
.外部半径-10
.内半径0;
var labelArc=d3.svg.arc
.Outerradius半径-40
.内半径半径-40;
var pie=d3.layout.pie
索特努尔先生
.价值函数{
返回d.population;
};
var svg=d3.selectbody.appendsvg
.宽度,宽度
.身高,身高
.附录
.attransform,translate+宽度/2+,+高度/2+;
风险值数据=[{
年龄:请尝试以下代码:
arcs.on("mouseover", function() {
d3.select(this)
.select("text")
.style("fill", "green");
}).on("mouseout", function() {
d3.select(this)
.select("text")
.style("fill", "black");
});
演示:
可变宽度=960,
高度=500,
半径=数学最小宽度,高度/2;
var color=d3.scale.ordinal
.范围[98abc5、8a89a6、7b6888、6b486b、a05d56、d0743c、ff8c00];
var arc=d3.svg.arc
.外部半径-10
.内半径0;
var labelArc=d3.svg.arc
.Outerradius半径-40
.内半径半径-40;
var pie=d3.layout.pie
索特努尔先生
.价值函数{
返回d.population;
};
var svg=d3.selectbody.appendsvg
.宽度,宽度
.身高,身高
.附录
.attransform,translate+宽度/2+,+高度/2+;
风险值数据=[{
年龄:看看是否有帮助我认为这可能对你有更多帮助那么你认为对每个标签应用唯一id并以这种方式与他们互动是最直接的吗?似乎不太糟糕。感谢链接看看帮助我认为这可能对你有更大帮助那么你认为对每个标签应用唯一id并以这种方式与他们互动是最直接的吗?看起来还不错。谢谢链接,效果很好!我不知道你能这么容易地选择子元素。谢谢一堆!效果很好!我不知道你能这么容易地选择子元素。谢谢一堆!