Hilfe:Graph/VisualEditor

Einfügen

Bilder und Medien

Vorlage

Tabelle

Mehr

Einfügen

Bilder und Medien

Vorlage

Tabelle

Kommentar

Hieroglyphen

Notenschrift

Deine Unterschrift

Galerie

Chemische Formel

Math-Formel

Karte

Codeblock

Diagramm

Einzelnachweisliste

Weniger

Diese Seite beschreibt, wie Diagramme mit der Bearbeitungsumgebung VisualEditor in den Seitentext eingefügt oder bearbeitet werden können.

Diagramme einbinden

Das Bearbeitungswerkzeug bietet im Bearbeitungsmodus zu einer Seite einen Menüpunkt Einfügen . In dessen Drop-Down-Bereich befindet sich ein Unterpunkt Diagramm, der sichtbar wird, wenn du das Menü über die Option Mehr weiter ausklappst.

Das Anklicken des Menüpunktes öffnet ein neues Dialogfenster.

 Info: Beachte bitte, dass diese Art der Diagrammerstellung nicht innerhalb des Artikelnamensraums verwendet werden sollte, da sie sehr viel Syntax im Seitenquelltext erzeugt, die diesen bei der Bearbeitung mit dem Quelltexteditor sehr unübersichtlich werden lässt. Verwende für die Einbindung stattdessen geeignete Vorlagen.

Diagrammerstellung

Allgemeine Einstellung
Abbrechen Diagramm bearbeiten Einfügen Allgemein Diagrammtyp  Flächendiagramm 0 ⧼graph-ve-dialog-edit-size-fieldset⧽ 400 0 × 200 0 px ⧼graph-ve-dialog-edit-padding-fieldset⧽ Automatische Auffüllung Daten Rohdaten
Über die allgemeinen Einstellungen kannst du zunächst den Diagrammtyp auswählen und einstellen welche Abmessungen das Diagramm haben soll. Voreingestellt ist die Auswahl Flächendiagramm in einer Größe von 400 × 200 Pixeln. Zusätzlich gibt es ein Auswahlkästchen, das die Möglichkeit freischaltet einen Randabstand zu definieren, dieser Wert ist mit 30 vorbelegt, wenn das Häkchen entfernt wird.
Abbrechen Diagramm bearbeiten Einfügen Allgemein Diagrammtyp  Flächendiagramm 0  Balkendiagramm  Flächendiagramm  Kurvendiagramm ⧼graph-ve-dialog-edit-size-fieldset⧽ 400 0 × 200 0 px ⧼graph-ve-dialog-edit-padding-fieldset⧽ Automatische Auffüllung 0 30 30 30 30 Daten Rohdaten
Bereich für die Dateneingabe
Der Bereich für die Dateneingabe ist eine Tabelle, in der die Werte für die X- und Y-Achse paarweise eingegeben werden können. Diese ist mit einigen Beispielwerten vorbelegt und lässt sich durch zusätzliche Eingabe in die leeren Felder erweitern. Klicken auf die Mülleimersymbole entfernt ein Wertepaar oder eine komplette Zeile.
Abbrechen Diagramm bearbeiten Einfügen Allgemein   x   y     0   1   1   3   2   2   3   4   Daten Rohdaten
Das entfernen aller Beispielwerte oder eine Grafik ohne Inhaltsdaten kann nicht erzeugt werden.
Leere Grafik Diagramm Bearbeiten
Bereich Rohdatenanzeige
In diesem Bereich wird die Syntax aufgelistet, die für die grafische Umsetzung der Daten benötigt wird. Das Dialogfenster stellt dir eine Demoversion bereit.
Abbrechen Diagramm bearbeiten Einfügen Allgemein Unverarbeitete JSON-Spezifikation   { 00 "version": 2, 00 "width": 400, 00 "height": 200, 00 "data": [ 00 … Daten Rohdaten
Abbrechen – Bearbeitung abbrechen schließt das Dialogfenster. Einfügen – übernimmt die Formel aus dem Vorschaubereich in die Seitenansicht. Beispieldiagramme in verkleinerter Darstellung.
Balkendiagramm Vorlage:Graph:Chart Flächendiagramm Vorlage:Graph:Chart Kurvendiagramm Vorlage:Graph:Chart

Diagrammbearbeitung

 Info: Falls du auf ein Diagramm klickst, dass nicht zu den Balken-, Flächen- oder Liniendiagrammen gehört, erscheint im Dialogfenster der Eintrag Unbekannter Diagrammtyp und eine entsprechende Warnmeldung. Du könntest nun die Daten innerhalb des Eingabefeldes für Rohdaten verändern, was aber teilweise zu Fehlern beim Rendern verursachen kann.

Diagramme bearbeiten
Diagramm Bearbeiten
Klicke auf das Diagramm, das du bearbeiten möchtest. Das Dialogfeld entspricht in Aussehen und Funktion dem oben beschriebenen Dialogfenster. Einzig die Schaltfläche Einfügen heißt nun Fertig . Es lassen sich auch die Angaben im Bereich der Rohdaten ändern, klicke dafür in das Eingabefeld und passe die Angaben an. Bearbeiten – öffnet das Dialogfenster zur Bearbeitung. Fertig – übernimmt die Änderung in die Seitenansicht.

Unbekannter Diagrammtyp

Nicht unterstützte Diagrammtypen
Auch nicht unterstützte Diagrammtypen, die über <graph>-Tags in Seiten eingebunden wurden, können bearbeitet werden. Da in der deutschsprachigen Wikipedia innerhalb des Artikelnamensraumes große Syntaxblöcke unerwünscht sind, sollten derartige Diagramme besser über Vorlagen erstellt und eingebunden werden.
Abbrechen Diagramm bearbeiten Fertig Allgemein Diagrammtyp  Unbekannter Diagrammtyp 0 Der Typ dieses Diagramms wird nicht unterstützt und Veränderungen am Diagramm zerstören die Anzeige. Bitte bearbeite das Diagramm mithilfe der Rohdatenangabe in der Registerkarte „Rohdaten“. ⧼graph-ve-dialog-edit-size-fieldset⧽ 400 0 × 200 0 px ⧼graph-ve-dialog-edit-padding-fieldset⧽ Automatische Auffüllung Daten Rohdaten
Vega hat einen Fehler beim Rendern dieses Diagramms entdeckt Diagramm Bearbeiten Vega konnte dieses Diagramm nicht darstellen Diagramm Bearbeiten
Fertig – übernimmt die Änderung in die Seitenansicht. Bearbeiten – öffnet das Dialogfenster zur erneuten Bearbeitung.

Weitere Informationen

• Hilfe:Graph – technische Beschreibung der Funktionen zur Diagrammerstellung.
• Hilfe:Tags – technische Erklärungsseite zur Verwendung und Funktion von Tags.