DynamicES Dokumentation

Anleitung zur Nutzung interaktiver HTML-Grafiken

Die folgenden Hinweise helfen Ihnen, Balkendiagramme, Sankey-Diagramme, Liniendiagramme, und Kreisdiagramme optimal zu bedienen.


Bedienelemente der Grafiken

image-20250819-055037.png
  • Kamera-Symbol 📷
    → Exportiert die aktuelle Ansicht der Grafik als PNG-Bild.

  • Lupe mit Plus-Symbol 🔍
    → Aktiviert das Zoom-Werkzeug. Mit der Maus einen Bereich aufziehen, um hinein zu zoomen.

  • Kreuzpfeil (Verschieben)
    → Aktiviert den Verschiebemodus. Diagramm mit gedrückter Maus ziehen, um die Ansicht zu verschieben.

  • Plus-Symbol
    → Zoomt einen Schritt in die Mitte des Diagramms hinein.

  • Minus-Symbol
    → Zoomt einen Schritt aus der Mitte des Diagramms heraus.

  • Rechteck mit Pfeilen nach außen
    → Aktiviert den automatischen Zoom, sodass das Diagramm optimal in den Anzeigebereich passt.

  • Haus-Symbol 🏠
    → Setzt die Grafik zurück auf die ursprüngliche Ausgangsansicht.


Legende

  • Einfachklick auf ein aktiviertes Element → blendet dieses aus.

  • Einfachklick auf ein deaktiviertes Element → blendet dieses wieder ein.

  • Doppelklick auf ein aktiviertes Element → zeigt nur dieses Element (alle anderen werden ausgeblendet).

  • Doppelklick auf ein deaktiviertes Element→ zeigt alle Elemente an


Achsen anpassen

  • image-20250819-055937.png Bearbeitungssymbol der Achse
    → Erscheint, wenn Sie über eine Achse fahren. Mit diesem Werkzeug können Sie den Achsenbereich verschieben, strecken oder stauchen.

    • Verschieben:

      • Nur wenn die Maus mittig auf der Achse platziert wird, kann die Achse nach oben/unten (oder bei X-Achsen links/rechts) verschoben werden.

    • image-20250819-055937.png Skalierung ändern:

      • Wenn die Maus am äußeren Rand der Achse angesetzt wird, erscheint das image-20250819-055937.png Symbol.

      • Mit diesem Symbol können Sie die Skala „aufziehen“ oder „stauchen“.

Bei zwei Y-Achsen

  • Nur eine Achse skalieren:

    • Wenn Sie am seitlichen Bereich einer Achse ziehen und dabei das ↕ Symbol sehen, wird nur diese eine Achse verändert.

  • Beide Achsen gleichzeitig skalieren:

    • Wenn Sie am oberen Bereich ziehen und das image-20250819-055937.png Symbol erscheint, werden beide Y-Achsen gemeinsam skaliert.

  • Zeitachsen (X-Achse):

    • Mit gedrückter Mausbewegung auf der X-Achse lässt sich der Zeitraum verschieben.

    • Durch „Aufziehen“ mit der Maus kann ein kleinerer Zeitbereich vergrößert betrachtet werden.


Slider-Funktion

  • Manche Diagramme besitzen Schieberegler (Slider) unterhalb des Charts.

  • Damit können Sie durch verschiedene Zeitpunkte oder Szenarien „durchblättern“.

  • Sie können den Regler entweder per Maus ziehen oder per Klick auf die Pfeiltasten bewegen.


Hover-Funktion

  • Zeigt exakte Werte an, wenn die Maus über einem Datenpunkt, Balken, Segment oder Verbindung steht.

  • Blendet zusätzliche Informationen wie Kategorien, Prozentanteile oder Gruppen ein.

  • Ermöglicht den Vergleich mehrerer Werte an derselben Position (z. B. mehrere Linien im Liniendiagramm).