Read this post in: en_USes_ESfr_FRhi_INid_IDjapl_PLpt_PTru_RUvizh_CNzh_TW

Verbessern Sie Ihren Arbeitsablauf: ECharts-Autoformatierung jetzt live in VPasCode!

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

Bei Visual Paradigm, suchen wir ständig nach Wegen, Ihre visuelle Erstellungs-Erfahrung reibungsloser, schneller und intuitiver zu gestalten. Heute freuen wir uns, Ihnen Codeformatierung für ECharts in Visual Paradigm VPasCode—eine Funktion, die direkt mit Ihrer Benutzerfreundlichkeit im Blickpunkt entwickelt wurde.

Beim Arbeiten mit komplexen Diagramm-Skripten ist Lesbarkeit alles. Mehrere Attribute in einer einzigen Zeile zu drängen macht es leicht, Details zu übersehen oder beim Bearbeiten Fehler zu begehen. Mit unserem neuen Formatierungstool wird Ihre Codestruktur sofort umgewandelt:

  • Nichts versteckt: Jedes Attribut wird klar auf einer eigenen Zeile aufgelistet, sodass Sie die gesamte Struktur Ihres Diagramms vollständig überblicken können.

  • Müheloses Bearbeiten: Finden und Aktualisieren von Beschriftungen, Seriendaten oder Stilregeln schnell und einfach, ohne durch dichtgedrängte Codezeilen suchen zu müssen.

  • Einfache Bereinigung mit einem Klick: Klicken Sie einfach auf die </> Format Schaltfläche oben im Editor, um Ihren Skript sofort in saubere, standardmäßige Einrückungen zu organisieren.

Vorher

Nachher

Probieren Sie es selbst aus!

Sehen Sie, wie viel einfacher formatierter Code zu bearbeiten ist. Klicken Sie auf Bearbeiten unten, um diesen komprimierten Code im Editor zu öffnen, und drücken Sie dann </> Format um ihn in einem Klick aufzuräumen:


option = { title: { text: 'Umsatz pro Quartal nach Region' },
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, 
legend: { data: ['Nord', 'Süd', 'Ost', 'West'] }, 
xAxis: { type: 'value', name: 'Umsatz (in $1.000)' }, 
yAxis: { type: 'category', data: ['Q1', 'Q2', 'Q3', 'Q4'] }, 
series: [{ name: 'Nord', type: 'bar', stack: 'Gesamt', data: [85, 120, 95, 150] }, 
{ name: 'Süd', type: 'bar', stack: 'Gesamt', data: [65, 90, 110, 130] }] };

Bringen Sie Ihre Datenvisualisierung auf die nächste Stufe

Hören Sie auf, mit unübersichtlichem Code zu kämpfen. Gestalten Sie professionelle, interaktive Diagramme einfach mit Hilfe vonVPasCode.

Starten Sie jetzt den Live-VPasCode-Editor →

Nach oben scrollen