С новым годом змеи =)
Придумала красивый градиент достигатора, забирайте!
// Помните, что таким мерам присваиваем категорию "URL-адрес Изображения" и тогда она заработает.
Plan Snake =
VAR __Plan = IF([%Plan_Sales_Achivement]>=1,1,[%Plan_Sales_Achivement]) -- ваша мера с приведением к доле от единицы
VAR __Colour =
SWITCH( --определяем цвет закраски
TRUE(),
__Plan<=0.5, "#E00917",--красный
__Plan<=0.7, "#C9C26A", -- желтый
"#70C96A" -- зеленый
)
RETURN
"
data:image/svg+xml, <!-- Объявление SVG -->
<svg width='1100' height='57' viewBox='0 0 1100 57' fill='none' xmlns='http://www.w3.org/2000/svg'> <!-- Контейнер, в которой будет SVG -->
<line x1='3' y1='29.25' x2='1092.5' y2='29.25' stroke='url(#paint0_linear_5_3)' stroke-width='20'/> <!-- Полоса с заливкой по условию -->
<defs> <!-- Объявление порядка заливки-->
<linearGradient id='paint0_linear_5_3' x1='3' y1='29.25' x2='1092.5' y2='29.25' gradientUnits='userSpaceOnUse'>
<stop stop-color='#282D27'/> <!-- Цвет фона за SVG -->
<stop offset='"&__Plan&"' stop-color='"&__Colour&"'/>
<stop offset='"&__Plan+0.06&"' stop-color='#E5E5E5'/> <!-- Чтобы было не резкое, а плавное окончание градиента -->
<stop offset='1' stop-color='#E5E5E5'/>
</linearGradient>
</defs>
</svg>
"