如何使用d3在鼠标悬停时始终保持绿色填充的路径

时间:2019-02-19 12:44:18

标签: d3.js

d3加载了包含封闭路径的外部svg,代码从刷新开始每个路径仅突出显示绿色填充一次。是否可以对所有鼠标悬停进行绿色填充。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="./d3.min.js"></script>
<title>svg and d3</title>
</head>
<body>
<script type="text/javascript">
d3.xml("t.svg")
      .mimeType("image/svg+xml")
      .get(function(error, xml) {
if (error) throw error;
document.body.appendChild(xml.documentElement);
d3.selectAll('path.tel')
.on("mouseover", function(d) {
d3.select(this).style("fill", "green");
})
.on("mouseout", function(d) {
d3.select(this).style("fill", "none");
});
});
</script>
</body>
</html>

0 个答案:

没有答案