SVG "z-index" 解决方法

Question

我正在处理一个显示三个仪表的仪表板，每个仪表突出显示构成 'donut graph' 的数据集的某些部分。该设计要求在数据集的突出显示部分使用 4px 笔划，但由于 SVG 绘制顺序，当数据集中的最后一项的笔划重叠时，这会成为一个问题。见图像。 https://imgur.com/KYRnVJS

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

Answer 1

有解决方法，但它们往往是 hack（例如，您可以在另一个内联 SVG 中绘制灰色背景，该 SVG 的 z-index 位于绘制突出显示部分的内联 SVG 下方。）正确答案是先画背景，再画高光。