Cowboy: Die Seite wurde neu angelegt: „{{SEITENTITEL:Hilfe:chart/VisualEditor}} {{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertAll|Diagramm|Mehr}} Diese Seite beschreibt, wie '''Diagramme''' {{enS|charts}} mit der Bearbeitungsumgebung '''VisualEditor''' in den Seitentext eingefügt oder bearbeitet werden können. {{Hilfe:VisualEditor/!headline|2|Diagramme einbinden|Gesamt=5|VisualEditor/Einfügen=3}}
{{Proje…“

2026-01-15T15:12:48Z

Die Seite wurde neu angelegt: „{{SEITENTITEL:Hilfe:chart/VisualEditor}} {{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertAll|Diagramm|Mehr}} Diese Seite beschreibt, wie '''Diagramme''' {{enS|charts}} mit der Bearbeitungsumgebung '''VisualEditor''' in den Seitentext eingefügt oder bearbeitet werden können. <onlyinclude>{{Hilfe:VisualEditor/!headline|2|Diagramme einbinden|Gesamt=5|VisualEditor/Einfügen=3}} <includeonly><div class="skin-invert">{{Proje…“

Neue Seite

{{SEITENTITEL:Hilfe:chart/VisualEditor}}
{{Hilfe}}{{Hilfe:VisualEditor/!badge|InsertAll|Diagramm|Mehr}}

Diese Seite beschreibt, wie '''[[Hilfe:chart|Diagramme]]''' {{enS|charts}} mit der Bearbeitungsumgebung '''[[Hilfe:VisualEditor|VisualEditor]]''' in den Seitentext eingefügt oder bearbeitet werden können.
<onlyinclude>{{Hilfe:VisualEditor/!headline|2|Diagramme einbinden|Gesamt=5|VisualEditor/Einfügen=3}}
<includeonly><div class="skin-invert">{{Projekt-Logo |box={{Hilfe:VisualEditor/!dropdown|InsertFew|Mehr|head=11em}}{{Hilfe:VisualEditor/!dropdown|InsertAll|Diagramm|head=11em}}}}</div></includeonly>
{{#ifeq:{{PAGENAME}}|Chart/VisualEditor|Das Bearbeitungswerkzeug bietet im Bearbeitungsmodus zu einer Seite einen Menüpunkt {{Hilfe:VisualEditor/!toolitem|InsertAll}}. In dessen Drop-Down-Bereich befindet sich ein|Aktivierung über den}} Unterpunkt <code>{{Hilfe:VisualEditor/!toolitem|Diagramm|name=1}}</code>, der sichtbar wird, wenn du das Menü über die Option <code>{{Hilfe:VisualEditor/!toolitem|Mehr|name=1}}</code> weiter ausklappst.

{{Info}} Wie ein Diagramm erstellt werden kann ist auf der Seite [[Hilfe:chart]] beschrieben.

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

<div style="overflow:auto;">
{| class="wikitable toptextcells"
|- class="hintergrundfarbe9"
| [[Datei:VisualEditor-logo.svg|x20px|alt=verweis=|Logo]]
|-
! Dialogfeld
|- class="hintergrundfarbe-basis"
| <div style="border: 1px solid #BBBBBB; border-radius: 3px; font-size:90%; width: 420px;">
{{Hilfe/dialog|2=p|label-t={{int:chart-visualeditor-mwchartdialog-title}}|label-1=[[Datei:Codex icon close.svg|16px|alt=|verweis=|Abbrechen]]|label-2=Einfügen|noframe=1}}
----
{| class="toptextcells" style="width: 100%; text-align:right;"
|-
| {{Hilfe/inputarea |placeholder={{int:chart-visualeditor-mwchartdialog-chart-label}}}}
|-
| {{Hilfe/inputarea |placeholder={{int:chart-visualeditor-mwchartdialog-data-label}}}}
|}
</div>
|-
| In die zwei Eingabefelder musst du den entsprechenden Namen einer {{int:chart-visualeditor-mwchartdialog-chart-label}} (ohne <code>#chart:</code> Pflichtangabe) und optional in das zweite eine {{int:chart-visualeditor-mwchartdialog-data-label}} (ohne <code>Data:</code>) einfügen. Beine Angaben sollten zum gleichen Diagramm gehören.
|-
! Nur Pflichtangabe
|- class="hintergrundfarbe-basis"
| <div style="border: 1px solid #BBBBBB; border-radius: 3px; font-size:90%; width: 420px;">
{{Hilfe/dialog|2=p|label-t={{int:chart-visualeditor-mwchartdialog-title}}|label-1=[[Datei:Codex icon close.svg|16px|alt=|verweis=|Abbrechen]]|label-2=Einfügen|noframe=1}}
----
{| class="toptextcells" style="width: 100%;"
|-
| {{Hilfe/inputarea |content=Autobahn network length.Line.chart}}
|- style="text-align:right;"
| {{Hilfe/inputarea |placeholder={{int:chart-visualeditor-mwchartdialog-data-label}}}}
|}
</div>
|-
| Klicke anschließend auf {{Hilfe/clickbutton|Einfügen|mw=p}}
|-
! Ergebnis
|-
| {{#chart:Autobahn network length.Line.chart}}
|-
! Beide Eingabefelder befüllt
|- class="hintergrundfarbe-basis"
| <div style="border: 1px solid #BBBBBB; border-radius: 3px; font-size:90%; width: 420px;">
{{Hilfe/dialog|2=p|label-t={{int:chart-visualeditor-mwchartdialog-title}}|label-1=[[Datei:Codex icon close.svg|16px|alt=|verweis=|Abbrechen]]|label-2=Einfügen|noframe=1}}
----
{| class="toptextcells" style="width: 100%;"
|-
| {{Hilfe/inputarea |content=Autobahn network length.Line.chart}}
|-
| {{Hilfe/inputarea |content=GRDC-1530100 monthly discharge.tab}}
|}
</div>
|-
| Klicke anschließend auf {{Hilfe/clickbutton|Einfügen|mw=p}}
|-
! Ergebnis
|-
| {{#chart:Autobahn network length.Line.chart|data=GRDC-1530100 monthly discharge.tab}}
|-
| In den Seitenquelltext wird eine Parserfunktion in der Art einer Vorlage <code><nowiki>{{#chart:Autobahn network length.Line.chart}}</nowiki></code> beziehungsweise <code><nowiki>{{#chart:Autobahn network length.Line.chart|data=GRDC-1530100 monthly discharge.tab}}</nowiki></code> eingefügt, siehe auch [[Hilfe:Parserfunktionen/Verschiedenes#chart]].
|-
! Diagramm löschen
|-
| Du kannst das Diagramm anklicken und auf die Taste {{Taste|Entf}} der Tastatur drücken oder im Menü auf das Symbol {{CodexIcon|undo|px=16|text=rückgängig}} klicken, falls es nicht das richtige Diagramm ist oder du deine Änderung verwerfen möchtest.
|-
! Diagramm bearbeiten ???<ref>Ich weiß beim besten Willen nicht, ob und wie man damit arbeiten können, oder woher man wissen soll, was man in das untere Feld einfügen soll. {{?}}</ref>
|- class="hintergrundfarbe-basis"
|<span style="border: 1px solid #BBBBBB; padding: 2px; background: #ABCDEF;">Diagramm</span>
<div style="border:1px solid #BBBBBB; position:relative; width: 380px; border-radius:3px; margin: .8em 0 .5em 0; padding: .5em;">
<div class="hintergrundfarbe-basis" style="left:10px; line-height:1; position:absolute; top:-.8em;">[[Datei:PokeyNorth.png|oben|20px]]</div>
{| style="width:100%; font-size: 90%;"
|-
| {{Hilfe:VisualEditor/!toolitem|Diagramm|name=1}} || <div class="mw-ui-button" style="line-height: 1em; float:right;">{{Hilfe/mark|Bearbeiten|hellblau}}</div>
|-
|colspan="2"| #chart:Autobahn network length.Line.chart
|}
</div>
|-
|Um den inhalt des Diagramms zu ändern muss in das Schwesterprojekt [[Hilfe:Wikimedia Commons|CowboysWiki:Commons]] gewechselt werden, wo sich die zugehörigen Daten befinden:
* [[c:Data:Autobahn network length.Line.chart]]
* [[c:Data:GRDC-1530100 monthly discharge.tab]]
|}</div></onlyinclude>

== Weitere Informationen ==
* [[Hilfe:chart]] – technische Beschreibung der Funktionen zur Diagrammerstellung.
* [[Vorlage:Chart]] – Diagramme als Vorlagen einfügen

== Anmerkungen ==
<references />

Hilfe:Chart/VisualEditor - Versionsgeschichte