Diese Seite beschreibt, wie Diagramme mit der Bearbeitungsumgebung VisualEditor in den Seitentext eingefügt oder bearbeitet werden können. Es ist möglich die drei Grundformen Balken-, Flächen- oder Liniendiagramm mit diesem Editor zu erstellen oder zu bearbeiten, komplexere Diagramme werden nicht unterstützt und Änderungen sollten im Quelltext vorgenommen werden (Stand März 2017).

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

0Allgemein0Daten0Rohdaten
Diagrammtyp
  Flächendiagramm
Größe 400 0 × 200 0 px
Automatische Auffüllung  
Oben
 
Unten
 
Links
 
Rechts
 
Ü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 Automatische Auffüllung 0 entfernt wird. Die Angaben können dann geändert werden.
Abbrechen
Diagramm bearbeiten
Einfügen

0Allgemein0Daten0Rohdaten
Diagrammtyp
  Flächendiagramm
 Balkendiagramm
 Flächendiagramm
 Kurvendiagramm
Größe
Automatische Auffüllung
Oben
30
Unten
30
Links
30
Rechts
30
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

0Allgemein0Daten0Rohdaten
  x   y  
  0   1
 
  1   3
 
  2   2
 
  3   4
 
 
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.[1] Das Dialogfenster stellt dir eine Demoversion bereit.
Abbrechen
Diagramm bearbeiten
Einfügen

0Allgemein0Daten0Rohdaten
  {
00 "version": 2,
00 "width": 400,
00 "height": 200,
00 "data": [
00

Abbrechen – Bearbeitung abbrechen schließt das Dialogfenster.
Einfügen – übernimmt die Formel aus dem Vorschaubereich in die Seitenansicht.
Beispieldiagramme in verkleinerter Darstellung.

Balkendiagramm

Hier fehlt eine Grafik, die leider im Moment aus technischen Gründen nicht angezeigt werden kann. Wir arbeiten daran!

Flächendiagramm

Hier fehlt eine Grafik, die leider im Moment aus technischen Gründen nicht angezeigt werden kann. Wir arbeiten daran!

Kurvendiagramm

Hier fehlt eine Grafik, die leider im Moment aus technischen Gründen nicht angezeigt werden kann. Wir arbeiten daran!

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
Hier fehlt eine Grafik, die leider im Moment aus technischen Gründen nicht angezeigt werden kann. Wir arbeiten daran!
  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.[2] 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

0Allgemein0Daten0Rohdaten
Diagrammtyp
  Unbekannter Diagrammtyp
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“.
Größe 400 0 × 200 0 px
Automatische Auffüllung  
Oben
 
Unten
 
Links
 
Rechts
 
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.

Anmerkungen

Bearbeiten
  1. Derartige Syntaxkomplexe sollten möglichst nicht in einen Artikel eingefügt werden. Besser ist es vorhandene Vorlagen einzusetzen, um den Quelltext übersichtlicher zu gestalten.
  2. Es kann auch passieren, dass sich ein Diagramm nicht zur Bearbeitung öffnen lässt, dann musst du zum Quelltexteditor wechseln, wenn du etwas anpassen möchtest.