Javascript 在svg-tooltip.html中更改鼠标出口处条形图的颜色

我的问题是基于下面显示的代码中的一些修改。我用Python编写代码，HTML/CSS对我来说是新的。我有以下代码

---

在下面的代码中，修改代码，使鼠标悬停时条形图的值保留在那里，但它们是白色的。 我怎样才能做到这一点呢。非常感谢。我正在学习这个

//宽度和高度
var w=600；
var h=250；
var数据集=[5,10,13,19,21,25,22,18,15,13，
11, 12, 15, 20, 18, 17, 16, 18, 23, 25
];
var xScale=d3.scaleBand（）
.domain（d3.range（dataset.length））
.rangeRound（[0，w]）
.填塞器（0.05）；
var yScale=d3.scaleLinear（）
.domain（[0，d3.max（数据集）]）
.范围（[0，h]）；
//创建SVG元素
var svg=d3.选择（“主体”）
.append（“svg”）
.attr（“宽度”，w）
.attr（“高度”，h）；
//创建酒吧
svg.selectAll（“rect”）
.数据（数据集）
.输入（）
.append（“rect”）
.attr（“x”，（d，i）=>xScale（i））
.attr（“y”，d=>h-yScale（d））
.attr（“宽度”，xScale.bandwidth（））
.attr（“高度”，d=>yScale（d））
.attr（“填充”，d=>“rgb（100,0，+（d*10）+”））
.on（“鼠标悬停”，功能（d）{
//获取此栏的x/y值，然后为工具提示进行增强
var xPosition=parseFloat（d3.select（this.attr（“x”））+xScale.bandwidth（）/2；
var yPosition=parseFloat（d3.select（this.attr（“y”））+14；
//创建工具提示标签
svg.append（“文本”）
.attr（“id”、“工具提示”）
.attr（“x”，x位置）
.attr（“y”，y位置）
.attr（“文本锚定”、“中间”）
.attr（“字体系列”、“无衬线”）
.attr（“字体大小”，“11px”）
.attr（“字体大小”、“粗体”）
.attr（“填充”、“黑色”）
.案文（d）；
})
.on（“mouseout”，（）=>d3.选择（“#工具提示”）.remove（）；
//删除工具提示

rect:悬停{
填充物：橙色；
}

---

你所说的

条保留在那里是什么意思

？这意味着，只有颜色需要更改，我想，我得到了错误的文件，这是原始的svg toottip文件。我仍然不明白。当您将鼠标悬停在包含工具提示的元素外时，是否希望悬停按钮的白色文本颜色发生变化？我不知道它是否是原始文件，你告诉我？修改代码，使mouseout上的条值保留在那里，但它们是白色的。请检查你的问题并运行你共享的代码，绝对没有白色条。请更新您的问题以添加任何相关信息，因为它不清楚您想要实现什么。您所说的

条形图保留在那里是什么意思
？这意味着，只有颜色需要更改，我想，我得到了错误的文件，这是原始svg toottip文件。我仍然不明白。当您将鼠标悬停在包含工具提示的元素外时，是否希望悬停按钮的白色文本颜色发生变化？我不知道它是否是原始文件，你告诉我？修改代码，使mouseout上的条值保留在那里，但它们是白色的。请检查你的问题并运行你共享的代码，绝对没有白色条。请更新您的问题以添加任何相关信息，因为目前还不清楚您想要实现什么。