反向工程googlesvg代码

我正在看一些谷歌图表，以了解如何编写SVG代码。散点图上的点有些奇怪（这些只是叠加在网格上的彩色点）

每个点绘制两次，一次为大（r=12）零冲程白色圆圈，另一次为所需颜色的小（r=3.5）圆圈：

<circle cx="304.73" cy="61.50050223557585" r="12" stroke="none" stroke-width="0" fill-opacity="0" stroke-opacity="0" stroke-dasharray="0" fill="#ffffff"></circle>
...
<circle cx="304.73" cy="61.50050223557585" r="3.5" stroke="#dc3912" stroke-width="2" fill-opacity="1" stroke-opacity="1" stroke-dasharray="0" fill="#dc3912"></circle>

...

你知道这有什么意义吗？删除空白圆圈对输出绝对没有（明显）差异。我一直在玩一个（组合）点，直到它在一个网格线的顶部，或者重叠另一个点，并且改变空白圆的大小，但是我看不出它有什么作用。

谢谢-

---

Al

我认为它是用来触发工具提示事件的。您只需将鼠标移动到散点图上的某个点附近（12像素以内），即可显示该点的信息。

Aaah-知道一定有原因。工具提示确实在这个距离上起作用。你如何在这个东西上写多行注释？！%&*！只需学习鼠标悬停教程：）谷歌javascript是模糊的，因此没有什么可学的。我可以在Chrome中破解鼠标盖（不是Firebug——它认为那里没有Javascript），但是代码太模糊了，看不到多少东西。我想我可以在ECMAScript中复制所有东西。是的，我不知道鼠标盖在Google中是如何工作的，但是额外的圆圈似乎是一个好方法，可以让它不那么挑剔。我通常更喜欢用ECMAScript做所有的事情——这样更容易看到发生了什么。