Read this post in: de_DEen_USes_EShi_INid_IDjapl_PLpt_PTru_RUvizh_CNzh_TW

Améliorez votre flux de travail : la mise en forme automatique d’ECharts est désormais disponible dans VPasCode !

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

Chez Visual Paradigm, nous cherchons constamment des moyens de rendre votre expérience de création visuelle plus fluide, plus rapide et plus intuitive. Aujourd’hui, nous sommes ravis de vous présenter Mise en forme du code pour ECharts dans Visual Paradigm VPasCode—une fonctionnalité conçue spécifiquement pour votre ergonomie en tête.

Lorsque vous travaillez avec des scripts de graphiques complexes, la lisibilité est essentielle. Réduire plusieurs attributs sur une seule ligne rend facile de manquer des détails ou de commettre des erreurs de modification. Grâce à notre nouvel outil de mise en forme, la structure de votre code est transformée instantanément :

  • Rien de caché : Chaque attribut est clairement indiqué sur sa propre ligne, vous offrant une visibilité totale sur la structure de votre graphique.

  • Édition sans effort : Localisez rapidement et mettez à jour les étiquettes, les données de série ou les règles de style sans chercher à travers des lignes de code serrées.

  • Nettoyage en un clic : Il suffit de cliquer sur le bouton </> Mise en forme en haut de l’éditeur pour organiser instantanément votre script en indentations propres et standard.

Avant

Après

Essayez-le vous-même !

Découvrez à quel point le code mis en forme est plus facile à manipuler. Cliquez sur Modifier ci-dessous pour ouvrir ce code compressé dans l’éditeur, puis appuyez sur </> Mise en forme pour le nettoyer en un clic :


option = { title: { text: 'Ventes trimestrielles par région' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, 
legend: { data: ['Nord', 'Sud', 'Est', 'Ouest'] }, 
xAxis: { type: 'value', name: 'Chiffre d'affaires (en $1 000)' }, 
yAxis: { type: 'category', data: ['T1', 'T2', 'T3', 'T4'] }, 
series: [{ name: 'Nord', type: 'barre', stack: 'Total', data: [85, 120, 95, 150] }, 
{ name: 'Sud', type: 'barre', stack: 'Total', data: [65, 90, 110, 130] }] };

Passez votre visualisation de données au niveau supérieur

Arrêtez de vous battre contre du code en désordre. Concevez facilement des graphiques professionnels et interactifs en utilisantVPasCode.

Lancez maintenant l’éditeur en direct de VPasCode →

Retour en haut