Problemas para rellenar el icono SVG con color

[kbraga]

Estoy tratando de rellenar un icono SVG con un color para mostrar el porcentaje completo hacia un objetivo específico. El objetivo es 100 horas de voluntariado y mis datos enumeran el número de horas voluntarias por persona (nombre de columna: [Horas voluntarias]. Tengo dos preguntas: (1) ¿cuál debe mostrar mi medida para mostrar el porcentaje de horas voluntarias en comparación con la meta de 100? y (2) ¿cómo se debe incorporar a mi medida de KPI SVG? Para este último, actualmente tengo lo siguiente, pero no está funcionando correctamente:

----

Icono KPI ?

svg essentials

var svg_start á "data&colon;image/svg+xml;utf8,<svg xmlns'http://www.w3.org/2000/svg' viewBox''0 0 100 100'>"

var svg_end "</svg>"

def clip ruta

var clip_height (DIVIDE([Horas Voluntarias],300,000)) * 100

fue clip_y 100 - clip_height

var defs á "<defs><clipPath id''iconClip'>

<rect x''0' y'" & clip_y & "' width ''96' height'' & clip_height & "' />

</clipPath></defs>"

Color

var grey_icon "<g style''fill:grey;' >" & [Icono de celebración SVG] & "</g>"

var red_icon "<g style''fill:red; clip-path:url(#iconClip)'>" & [Celebration Icon SVG] & "</g>"

combinar piezas SVG

devolución

svg_start y defs & grey_icon & red_icon & svg_end

[v-xicai]

Hola @kbraga ,

¿Tienen sentido las sugerencias de los ingenieros? Si es así, marque amablemente la respuesta adecuada como una solución para ayudar a otros que tienen el problema similar y cerrar el caso. Si no, avísame y trataré de ayudarte más.

Saludos

Amy

[amitchandak]

@kbraga, consulte si esto puede ayudar a

https://community.powerbi.com/t5/Desktop/SVG-Image-Sparklines-on-rows-in-Power-BI-table/m-p/1169515#...

https://www.youtube.com/watch?v=xLD8HKwPWHE

[Greg_Deckler]

@kbraga - Vea si estos ejemplos SVG ayudan:

https://community.powerbi.com/t5/forums/searchpage/tab/message?advanced=false&allow_punctuation=fals...

[kbraga]

Para obtener lo anterior, traté de seguir este tutorial: https://hatfullofdata.blog/svg-in-power-bi-part-3/