反向工程Google SVG代码

问题描述

| 我正在查看一些Google图表，以了解如何编写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>

知道这有什么意义吗？删除空白圆圈对输出绝对没有（明显）差异。我一直在移动一个（组合的）点，直到它位于网格线的顶部，或者与另一个点重叠，并更改了空白圆的大小，但是我看不到它有任何作用完全没有 谢谢 - 铝     

解决方法

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