javascript - 为 d3.js 轴分配背景颜色并更改图层顺序

Question

目前，当您四处移动圆圈时，它们会移动到轴上并遮住它们。我正在尝试为轴分配背景颜色，以便圆圈在轴下方移动。但是使用 CSS background 属性似乎没有做任何事情。

您将如何创建一个不透明的轴，使其成为圆圈上方的一层？

JSFIDDLE:http://jsfiddle.net/PXw5E/1/

Answer 1

通过更改附加 dom 元素的顺序，可以轻松地将坐标轴绘制在点的顶部。 See example .

不可能为轴指定一个 css 背景，因为它们是用 SVG 绘制的。您需要使用 rects 或 path 来绘制它。

如果您打算绘制的背景是完全不透明的(即 alpha 为 1)，则跳过绘制背景并使用 svg clip-rect 裁剪圆圈会更直接。如果您希望轴具有半透明背景，那将不起作用。