SVG路径不能正确填充 - 奇怪的悬停/填充行为

时间:2016-03-03 21:59:10

标签: javascript html css d3.js svg

我正在尝试通过关注和D3优秀Mike Bostock来学习Bubble Map tutorial。在他的教程结束时,他建议进行一些修改作为练习。我试图通过以下方式实施这些修改:

  • 显示县名和人口的工具提示
  • 在悬停时显示县行
    • 我还没有这个工作。现在,我正在用opacity: 0绘制县界,以为我可以稍后展示它们。但是,我认为这是一种错误的方法,因为我不认为我可以单独提及这些路径。我怀疑arc文件中的json属性是我需要使用的属性,但我需要更好地理解topoJSON库。

我的问题:

  • 我怎样才能这样做,当你将鼠标悬停在气泡上时,你会突出显示县界?
  • 我怎样才能这样做,当你将悬停在县内时,你会突出显示县界?

以下是my Block

的当前版本

编辑:我已经通过一些奇怪的悬停行为更新了my Block!我注意到当我添加以下CSS时:

.border--state :hover { fill: orange; }

我没有得到任何东西,但当我改为:

.border--state:hover { fill: orange; }

.border--state:hover之间没有空格)我得到以下内容:

enter image description here

这很奇怪。另外,如果我对.bubble执行相同操作,我会在悬停时更改一个气泡的颜色与悬停时更改所有气泡之间的颜色!

0 个答案:

没有答案