Problème de mise à l'échelle pour les graphiques

Merci d’avoir intégré cette fonctionnalité, elle a beaucoup de potentiel pour la visualisation des données !

Existe-t-il un moyen de définir le rayon (ou la taille en général) d’un diagramme circulaire ?
Celui par défaut est malheureusement si petit qu’il est pratiquement inutile :confused:

pie showData
    title Éléments clés du produit X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnésium" : 10.01
8 « J'aime »

J’ai aussi quelques problèmes de taille/mise à l’échelle. Les diagrammes de Gantt, par exemple, sont essentiellement inutiles :frowning:

Y a-t-il un moyen pour Discourse de proposer l’option d’afficher les diagrammes Mermaid en plein écran, similaire à la fonction Table Markdown en plein écran ?

6 « J'aime »

C’est une idée fantastique, je l’adorerais. Nous n’avons pas ce travail prévu pour le moment.

8 « J'aime »

Est-il probable que nous ayons des avancées sur ce sujet ? C’est vraiment dommage d’avoir quelque chose d’aussi utile si proche de la perfection.

Nous voulions utiliser un diagramme circulaire pour montrer une partie de la répartition des langues dans l’entreprise, mais c’est la taille réelle au final :frowning:

1 « J'aime »

est-il possible d’avoir des possibilités de zoom pour l’affichage mermaid ? Les diagrammes plus grands peuvent devenir assez petits maintenant.

Peut-être permettre aux diagrammes mermaid d’être ouverts dans une fenêtre contextuelle et d’avoir un panoramique et un zoom comme sur https://mermaid.live/

3 « J'aime »

Ce serait une excellente fonctionnalité supplémentaire !

1 « J'aime »

J’adorerais cette fonctionnalité. Elle est attribuée à l’équipe de l’expérience membre et sera priorisée par eux.

Le fait de manquer cela a certainement un impact considérable sur l’utilité des diagrammes complexes de mermaid sur les forums.

Quant à quand ? @lindsey priorisera cela.

Si vous en avez besoin rapidement, il est probablement préférable de parler à Jamie.

8 « J'aime »

Merci de regarder à nouveau :heart:

1 « J'aime »

+1 pour cette fonctionnalité très nécessaire - des progrès ?

1 « J'aime »

Nous avons également vraiment besoin de cette fonctionnalité dans notre entreprise, la mise à l’échelle des graphiques en hauteur est limitée et cela rend mermaid inutile dans discourse, il faut un moyen de les rendre externe ou de les afficher en plein écran.

1 « J'aime »

J’ai construit quelque chose. Je pensais que quelqu’un pourrait vouloir l’essayer avant que je ne le publie.

L’objectif était d’avoir une approche robuste et à faible seuil :

  1. analyser si un article contient un élément SVG
  2. si c’est le cas, afficher un lien texte « zoom » à côté
  3. ouvrir le SVG dans une nouvelle fenêtre de navigateur où vous pouvez zoomer, imprimer, etc. comme vous le souhaitez

GitHub - rstockm/svg-zoom: Composant de thème Discourse qui ajoute une fonctionnalité de zoom aux éléments Mermaid/SVG dans les articles

Mise à jour, @David travaille sur une solution ici et cela semble excellent, nous devons juste nettoyer quelques API et nous publierons bientôt à ce sujet.

4 « J'aime »

Ceci est maintenant fusionné. Les diagrammes seront toujours rendus avec un ratio d’aspect 16:9, et il y a un bouton pour les faire passer en vue plein écran :

kanban
  À faire
    [Créer des documentations]
    docs[Créer un blog sur les nouveaux diagrammes]
  [En cours]
    id6[Créer un rendenseur pour qu'il fonctionne dans tous les cas. Nous ajoutons également du texte supplémentaire ici pour les tests. Et un peu plus pour l'effet visuel.] 
  id9[Prêt pour le déploiement]
    id8[Concevoir la grammaire]@{ affecté : 'knsv' }
  id10[Prêt pour le test]
    id4[Créer des tests de parsing]@{ ticket : MC-2038, affecté : 'K.Sveidqvist', priorité : 'Élevée' }
    id66[dernier item]@{ priorité : 'Très faible', affecté : 'knsv' }
  id11[Terminé]
    id5[définir getData]
    id2[Titre du diagramme de plus de 100 caractères lorsque l'utilisateur duplique le diagramme avec 100 caractères]
    id3[Mise à jour de la fonction de la base de données]@{ ticket : MC-2037, affecté : knsv, priorité : 'Élevée' }

  id12[Impossible à reproduire]
    id3[Clignotement étrange dans Firefox]
4 « J'aime »

OMG. Je suis désolé, mais la réaction n’est pas suffisante. MERCI !!!

Une petite chose – si je dézoome un peu en utilisant le navigateur (Alt + -), les textes ne correspondent pas. Si je suis à 100 %, tout est parfait.

2 « J'aime »

J’ai également remarqué que les diagrammes Mermaid ne basculent pas entre les thèmes clair/sombre sans actualiser le navigateur lors de l’utilisation du nouveau paramètre de bascule de thème sombre.

2 « J'aime »

Un immense merci de ma part pour avoir mis en place une mise à jour pour cela :heart:

Nous pouvons maintenant utiliser des diagrammes de Gantt et des diagrammes circulaires, ainsi que l’historique des révisions de Discourse :slight_smile:

Merci, mais je préférerais ouvrir les graphiques dans une nouvelle fenêtre dédiée, afin que nous puissions imprimer, exporter en PDF, etc.

Voici mon approche :

Ce sujet a été automatiquement fermé 7 jours après la dernière réponse. De nouvelles réponses ne sont plus autorisées.