SVG“ z-index”解决方法

Question

我正在一个显示三个仪表的仪表板上工作，每个仪表突出显示形成“甜甜圈图”的数据集的某些部分。设计要求在数据集的突出显示部分上使用4px笔画，但是由于SVG绘制顺序，当数据集中的最后一项笔画重叠时，这成为一个问题。见图片。 https://imgur.com/KYRnVJS

有人有任何聪明的解决方法吗？

Answer 1

有一些解决方法，但它们往往是骇客（例如，您可以在另一个在线SVG中绘制灰色背景，该在线SVG的z-index位于绘制突出显示部分的在线SVG下方。）正确的答案是绘制首先是背景，然后是所有亮点。