Javascript 路径的外环颜色只发生了一点变化

Javascript 路径的外环颜色只发生了一点变化,javascript,json,d3.js,stroke,topojson,Javascript,Json,D3.js,Stroke,Topojson,我在做d3可视化的工作。我想在鼠标经过时更改路径笔划颜色。 但我遇到了一个问题。路径笔划的内圈成功变色;然而,外圈只是有一点变化。由于我是stackoverflow的新手,我没有得到足够的声誉来发布图片。 例如,请参阅下面的链接: 当鼠标滑过一个戒指时。只有内圈改变了笔划颜色,外圈只改变了一点点。 我使用以下代码: d3.select(this).style("stroke","blue"); 我的代码是正确的,因为我在示例中尝试了,笔划成功更改 顺便说一句,我将原始形状文件转换为topojs

我在做d3可视化的工作。我想在鼠标经过时更改路径笔划颜色。 但我遇到了一个问题。路径笔划的内圈成功变色;然而,外圈只是有一点变化。由于我是stackoverflow的新手,我没有得到足够的声誉来发布图片。 例如,请参阅下面的链接:

当鼠标滑过一个戒指时。只有内圈改变了笔划颜色,外圈只改变了一点点。 我使用以下代码:

d3.select(this).style("stroke","blue");
我的代码是正确的,因为我在示例中尝试了,笔划成功更改

顺便说一句,我将原始形状文件转换为topojson文件,如下所示:

ogr2ogr -f GeoJSON destination.json source.shp         <- to change from shape to json

topojson -p xxx -o destination.topo.json  source.json  <- to change from json to topojson

没有看到你的代码很难说,但问题是外圈的边缘在内圈的下面。为了达到你想要的效果,你可以改变填充颜色。嗨,谢谢你的回答。我编辑我的帖子并在那里添加我的代码。如果你有时间,能帮我看一下密码吗?谢谢。我们需要更多的细节以便能够提供答案。你能创建一个小提琴或分享完整的代码吗?
d3.json("js/all_land.json", function(error, topology) {
      svg.selectAll("path")
       .data(topojson.feature(topology, topology.objects.all_land).features)
       .transition()
       .duration(1000)
       .attr("d", path);

svg.selectAll("path").on("mouseover", function(d) {  

     d3.select(this).style("stroke","blue");
     //d3.select(this).attr("fill", "lightblue");

})