Sunburst con dos círculos que representan el progreso real frente al progreso planificado

Un usuario Pregunto ✅

TommyMossberg

Tengo varios sharts / informes que no presento en un tablero, pero no puedo encontrar la manera de resolver este problema que tengo con los diagramas de rayos solares.

En mis informes modifiqué esto agregando dos rayos de sol diferentes y colocándolos uno encima del otro. Y no puedo hacer eso en un tablero.

Esto es lo que parece
2019-04-27_21-36-06.png¿Cómo hago el círculo interior basado en los valores «… – Bas» y el círculo exterior basado en «… – Aktuell»?

Anónimo

En respuesta a TommyMossberg

Hola @TommyMossberg

Puedes usar SVG para eso.

Mire este video, hay más / otros, solo búsquelo.

Por ejemplo:
Tengo una tabla con 2 columnas, radio 1 y radio 2.

He agregado 2 columnas personalizadas con el código svg / html.

La única propiedad que se cambia dinámicamente, en este ejemplo, es el radio, pero cualquier propiedad se puede controlar y cambiar de la misma manera.

Circle1 = "<svg xmlns="http://www/w3/org/200/svg" viewBox='0 0 20 20'>
<circle  fill=" blue "  r=""& Table1[R2] &"" cx='5' cy='5'>
</svg>"

Circle2 = "
<svg xmlns="http://www/w3/org/200/svg" viewBox='0 0 20 20'>
<circle  fill=" green "  r=""& Table1[R1] &"" cx='5' cy='5'>
</svg>"

Agregue un visor HTML y muestre las columnas, debería mostrarle círculos.

Coloque los contenedores HTML uno encima del otro, de modo que los círculos se muestren uno encima del otro.

Así es como se ve (Circle1 encima de Circle2) ->
2019-05-20 11_00_41-papercut - Conexión a escritorio remoto.png

Puede agregar más etiquetas HTML como opacidad, trazo, tamaños, colores y más.

Ejemplos de propiedades SVG: https://www.w3schools.com/html/html5_svg.asp

¡Buena suerte!
A

Anónimo

Hola @TommyMossberg
¿Has visto esto?

¡Salud!

TommyMossberg

En respuesta a Anónimo

Hola @Anónimo
Lo intenté con esa visualización de rayos de sol, pero sin suerte.

El problema, como yo lo veo, es que el círculo exterior todavía se basa en los valores del círculo interior.
Lo que quiero son dos círculos donde el círculo interior se basa en algunas columnas y el círculo exterior se basa en otras columnas sin conexiones de datos entre los círculos.

Son solo para visualización para mostrar el progreso real (externo) y el progreso planificado (interno).

Anónimo

En respuesta a TommyMossberg

Hola @TommyMossberg

Puedes usar SVG para eso.

Mire este video, hay más / otros, solo búsquelo.

Por ejemplo:
Tengo una tabla con 2 columnas, radio 1 y radio 2.

He agregado 2 columnas personalizadas con el código svg / html.

La única propiedad que se cambia dinámicamente, en este ejemplo, es el radio, pero cualquier propiedad se puede controlar y cambiar de la misma manera.

Circle1 = "<svg xmlns="http://www/w3/org/200/svg" viewBox='0 0 20 20'>
<circle  fill=" blue "  r=""& Table1[R2] &"" cx='5' cy='5'>
</svg>"

Circle2 = "
<svg xmlns="http://www/w3/org/200/svg" viewBox='0 0 20 20'>
<circle  fill=" green "  r=""& Table1[R1] &"" cx='5' cy='5'>
</svg>"

Agregue un visor HTML y muestre las columnas, debería mostrarle círculos.

Coloque los contenedores HTML uno encima del otro, de modo que los círculos se muestren uno encima del otro.

Así es como se ve (Circle1 encima de Circle2) ->
2019-05-20 11_00_41-papercut - Conexión a escritorio remoto.png

Puede agregar más etiquetas HTML como opacidad, trazo, tamaños, colores y más.

Ejemplos de propiedades SVG: https://www.w3schools.com/html/html5_svg.asp

¡Buena suerte!
A

TommyMossberg

En respuesta a Anónimo

@Anónimo ¡Gracias!

svg resolverá este problema específico para mí y dame una caja de herramientas completamente diferente para ajustar la presentación de diferentes datos.

¡Esto será divertido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *