Javascript 选择细线

全部

有几行（路径），我可以选择。宽度=1（无变化）。 有困难的时候我试着选线，很难把鼠标放到线上

如何在不改变宽度的情况下更容易（更方便）选择细线

谢谢

d3.选择（“路径”）
//选择行使用单击
.打开（“单击”，功能（d）{
var flag=d3.select（this.classed）（“selected”）；
d3.选择（此）.classed（“选择的”，！标志）；
});
svg{
宽度：100%；
身高：100%；
边框：1px实心#A1A1；
}
路径链接{
填充：无；
冲程：#333；
笔画宽度：1px；
游标：默认值；
}
path.link：悬停，path.link.selected{
中风：rgb（94196204）；
}
对于您的问题，有不同的解决方案，最简单的解决方案是创建一条比可见线更粗的透明线，以捕捉鼠标事件：


d3.选择（“.transparent”）。打开（“鼠标悬停”，函数（）{
d3.选择（“.link”）.style（“笔划”、“rgb（94196204）”）；
}).on（“mouseout”，函数（）{
d3.选择（“.link”）.样式（“笔划”，“#333”）
});
svg{
宽度：100%；
身高：100%；
边框：1px实心#A1A1；
}
路径链接{
填充：无；
冲程：#333；
笔画宽度：1px；
游标：默认值；
}
路径透明{
填充：无；
笔画：黑色；
笔划宽度：10px；
游标：默认值；
不透明度：0；
}

你能把你所有的问题重新表述一下吗？@Suren Srapyan，你的编辑没有带来任何改进。@GerardoFurtado是的，这是一个小编辑，但它可以让代码更具可读性。我不是说它改变了问题的状态对不起！我更新文章并在代码中添加注释。在与当前行相同的位置创建一组新的行，但宽度较宽，并将其设置为透明：不透明度=0；这应该是一个很好的解决办法