SVG "z-index" обходной путь

Question

Я работаю над приборной панелью, которая отображает три датчика, каждый из которых выделяет некоторую часть набора данных, которая образует «кольцевую диаграмму». Конструкция требует обводки в 4 пикселя для выделенной части набора данных, но из-за порядка отрисовки SVG это становится проблемой, когда последний элемент в наборе данных перекрывает свой штрих. Смотрите изображение. https://imgur.com/KYRnVJS

У кого-нибудь есть какие-нибудь умные обходные пути?

Answer 1

Есть обходные пути, но они, как правило, хаки (например, вы можете нарисовать серый фон в другом встроенном SVG, z-index которого расположен под встроенным SVG, который рисует выделенные разделы.) Правильный ответ - нарисовать сначала фон, потом все блики.