Problema de escalado en gráficos

¡Gracias por integrar esta funcionalidad, tiene mucho potencial para visualizar datos!

¿Hay alguna forma de establecer el radio (o el tamaño en general) de un gráfico circular?
Por desgracia, el predeterminado es tan pequeño que es prácticamente inútil :confused:

pie showData
    title Elementos clave en el Producto X
    "Calcio" : 42.96
    "Potasio" : 50.05
    "Magnesio" : 10.01
8 Me gusta

También tengo algunos problemas de tamaño/escalado. Los diagramas de Gantt, por ejemplo, son esencialmente inútiles :frowning:

¿Hay alguna forma en que Discourse pueda ofrecer la opción de ver diagramas de Mermaid en pantalla completa, similar a Tablas de Markdown en Pantalla Completa?

6 Me gusta

Esta es una idea fantástica, me encantaría tenerla. No tenemos este trabajo programado en este momento.

8 Me gusta

¿Es probable que veamos algún avance en esto? Simplemente se siente una pena tener algo tan útil tan cerca de la perfección.

Queríamos usar un gráfico circular para mostrar parte de la distribución de idiomas en la empresa, pero este es el tamaño real al final :frowning:

1 me gusta

¿Es posible tener algunas posibilidades de zoom para la visualización de Mermaid? Los diagramas más grandes pueden volverse bastante pequeños ahora.

Quizás permitir que los diagramas de Mermaid se abran en una ventana emergente y tengan desplazamiento y zoom como en https://mermaid.live/

3 Me gusta

¡Esta sería una gran característica adicional!

1 me gusta

Me encantaría esta función. Está asignada al equipo de experiencia del miembro y será priorizada por ellos.

La falta de esto ciertamente está afectando en gran medida la utilidad de los diagramas complejos de Mermaid en los foros.

¿Y cuándo? @lindsey priorizará esto.

Si lo necesita con urgencia, probablemente sea mejor hablar con Jamie.

8 Me gusta

Gracias por volver a mirar esto :heart:

1 me gusta

+1 para esta función tan necesaria. ¿Hay algún avance?

1 me gusta

También necesitamos mucho esta función en nuestra empresa, el escalado de gráficos en altura es limitado y esto hace que mermaid sea inútil en discourse, necesitamos tener una forma de renderizarlos externamente o mostrándolos a pantalla completa.

1 me gusta

Construí algo. Pensé que a alguien le gustaría probarlo antes de que lo lance.

El objetivo era tener un enfoque robusto y de bajo umbral:

  1. analizar si una publicación contiene un elemento SVG
  2. si es así, mostrar un enlace de texto “zoom” junto a él
  3. abrir el SVG en una nueva ventana del navegador donde pueda hacer zoom, imprimir, etc. como desee

GitHub - rstockm/svg-zoom: Componente de tema de Discourse que agrega funcionalidad de zoom a los elementos Mermaid/SVG en las publicaciones

Actualización, @David está trabajando en una solución aquí y se ve genial, solo necesitamos limpiar algunas API y publicaremos sobre ello pronto.

4 Me gusta

Esto ya está fusionado. Los diagramas siempre se renderizarán con una relación de aspecto de 16:9, y hay un botón para mostrarlos en modo pantalla completa:

kanban
  Por hacer
    [Crear documentación]
    docs[Crear blog sobre los nuevos diagramas]
  [En progreso]
    id6[Crear un renderizador que funcione en todos los casos. También añadimos algo de texto adicional aquí para fines de prueba. Y más para la apariencia extra.]
  id9[Listo para desplegar]
    id8[Diseñar gramática]@{ assigned: 'knsv' }
  id10[Listo para probar]
    id4[Crear pruebas de análisis]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'Alta' }
    id66[último ítem]@{ priority: 'Muy baja', assigned: 'knsv' }
  id11[Hecho]
    id5[definir getData]
    id2[El título del diagrama es más de 100 caracteres cuando el usuario duplica el diagrama con 100 caracteres]@{ ticket: MC-2036, priority: 'Muy alta'}
    id3[Actualizar función de base de datos]@{ ticket: MC-2037, assigned: 'knsv', priority: 'Alta' }

  id12[No se puede reproducir]
    id3[Parpadeo extraño en Firefox]
4 Me gusta

OMG. Lo siento, pero la reacción no es suficiente. ¡¡GRACIAS!!

Una pequeña cosa: si hago zoom out un poco usando el navegador (bdbAlt+ -bb) el texto no encaja. Si estoy al 100 %, está todo perfecto.

¡La imagen muestra un tablero de gestión de proyectos con varias tarjetas de tareas en diferentes etapas, categorizadas por estado, desde “Por hacer” hasta “No se puede reproducir,” y cada una con la marca de tiempo del mismo usuario, “K.Sveidqvi.” (Etiquetado por IA)|690x181

2 Me gusta

También acabo de notar que los gráficos de Mermaid no cambian al tema claro/oscuro sin actualizar el navegador cuando se utiliza la nueva configuración del selector de tema oscuro.

2 Me gusta

Muchísimas gracias de mi parte por implementar una actualización para esto :heart:

Ahora podemos usar gráficos de Gantt y gráficos circulares junto con el historial de revisiones de Discourse :slight_smile:

Gracias, pero preferiría abrir los gráficos en una ventana nueva y dedicada, para que podamos imprimir, exportar a PDF, etc.

Ve mi enfoque:

Este tema se cerró automáticamente 7 días después de la última respuesta. Ya no se permiten nuevas respuestas.