# Diagramme

> Die Werkzeugleiste, die jedes Diagramm trägt, und was jede Schaltfläche tut, die Bereiche für Skala, Statistik und Referenzlinien, das abgesetzte Diagrammfenster, wo Diagramme in der Anwendung erscheinen, und die eine Maschine hinter allen.

Jedes Diagramm der Anwendung wird von einer Maschine (ECharts) durch eine Diagrammansicht
gezeichnet, was es auch auf das Bild gebracht hat: die Komponenten
[Liniendiagramm](component-line-chart), [Balkendiagramm](component-bar-chart) und
[Kreisdiagramm](component-pie-chart) auf einem Dashboard, die Karte Kanäle eines
[Einheitenbereichs](view-unit-panels), das lebende Diagramm eines Laufs auf der Seite Process,
das Datalog-Diagramm eines aufgezeichneten Laufs in den [Historien](histories), die Vorschau des
Profils in einem [Rezept](process-recipes) oder einem Ablauf, die Vorschau eines Kriteriums einer
[Bewertung](process-evaluations) und die beiden abgesetzten Fenster unten. Was sich zwischen ihnen
unterscheidet, ist, woher die Einrichtung kommt, nie die Zeichnung: eine Lücke in den Daten ist
immer ein Loch in der Linie, nie eine Brücke, und jede Zahl und jeder Zeitpunkt, den das Diagramm
schreibt, folgt der eigenen [Lokalisierung](settings-localization) der Station. Der PDF-Bericht
zeichnet dieselbe Darstellung ohne eines der Werkzeuge dieser Seite.

## Die Werkzeugleiste {#the-toolbar}

Ein Diagramm trägt eine Reihe Schaltflächen über seinem Feld: überall dieselbe Leiste, der je
Diagramm gesagt wird, welche Schaltflächen sie zeichnen soll. Bei einer Dashboard-Komponente ist
diese Liste der Abschnitt **Werkzeugkasten** ihrer Eigenschaften
([Der Dashboard-Editor](view-editor#toolbox)); eine Fläche, die niemanden zu fragen hat (ein
aufgezeichneter Lauf, die Vorschau eines Rezepts), bietet jedes Werkzeug an, das ein Zeitdiagramm
erfüllen kann. Ganz ohne Werkzeug wird keine Werkzeugleiste gezeichnet.

| Schaltfläche (ihr Tooltip) | Was sie tut | Angeboten bei | Ab Werk ein auf einem Bild |
|---|---|---|---|
| In einem anderen Fenster öffnen | Öffnet dasselbe Diagramm in einem eigenen Fenster (siehe unten). Nur dort, wo das Diagramm eine eigene Adresse hat: ein aufgezeichneter Lauf in den Historien, ein Profil eines Rezepts. Nie bei einem Diagramm, das auf einem Bild steht. | Aufgezeichnete Läufe, Profile von Rezepten | nicht angeboten |
| Einen Bereich zum Vergrößern wählen | Schärft das Vergrößern über einen Rahmen: der nächste Zug über dem Feld rahmt den Kasten, den er zeichnet, statt zu schieben. Die Schaltfläche bleibt hell, solange sie scharf ist. | Zeitdiagramme | ja |
| Zoom zurücksetzen | Gibt den Rahmen auf alles zurück, was gezeichnet ist. | Zeitdiagramme | ja |
| Skala von Hand setzen | Öffnet den Bereich der Skala unten. Hell, solange irgendetwas festgehalten ist, damit eine Skala, die den Daten nicht mehr folgt, das sagt, ohne geöffnet zu werden. | Zeitdiagramme | nein |
| Minimum, Mittelwert und Maximum des gezeigten Zeitfensters | Öffnet den Bereich der Statistik unten. Gemessen wird nur, solange der Bereich offen ist. | Zeitdiagramme | nein |
| Eine Referenzlinie zeichnen | Öffnet den Bereich der Referenzlinien unten. Hell, solange eine Linie gezeichnet ist. | Zeitdiagramme | nein |
| PNG speichern | Lädt die Zeichnung als PNG in doppelter Bildschirmauflösung herunter, auf dem Hintergrund des Designs, benannt nach dem Titel des Diagramms ("chart", wenn es keinen hat). | Alle Diagramme | ja |
| PNG kopieren | Legt dasselbe PNG in die Zwischenablage. Das Aktionsprotokoll antwortet "Das Diagramm wurde als Bild kopiert."; verweigert der Browser das Schreiben, sagt es "Der Browser hat die Zwischenablage verweigert, also wurde das Diagramm nicht kopiert.", und hat er gar keine Zwischenablage, "Dieser Browser bietet keine Zwischenablage, also wurde das Diagramm nicht kopiert." | Alle Diagramme | ja |
| Datenreihen ein- oder ausblenden | Öffnet eine Liste der gezeichneten Datenreihen mit je einem Kontrollkästchen, direkt vom Diagramm abgelesen; einen Haken zu entfernen verbirgt eine Datenreihe, solange das Bild offen bleibt. "Keine Datenreihen", wenn nichts gezeichnet ist. | Zeitdiagramme | ja |
| Der Tooltip ist aus / Der Tooltip ist an | Schaltet die Anzeige beim Überfahren ein oder aus. Sie öffnet aus, damit eine Hand, die über das Feld fährt, es nie mit einem Kasten verdeckt, um den niemand gebeten hat; die Wahl gilt für die Sitzung. | Zeitdiagramme | ja |
| Vollbild | Füllt das Fenster mit diesem einen Diagramm, über das Element-Vollbild des Browsers; es erneut zu drücken oder Esc gibt das Fenster zurück. Auf einem Dashboard, das bereits im Vollbild ist, erweitert es das Diagramm, und Esc verlässt das Diagramm, bevor es das Dashboard verlässt. | Alle Diagramme | ja |

Ein Balkendiagramm oder ein Kreisdiagramm kann nur das Paar für PNG und das Vollbild erfüllen:
ein Vergleich, der in diesem Augenblick gelesen wird, hat keine Achse zum Abschreiten, kein
Zeitfenster zum Messen und nichts, worauf sich eine Linie legen ließe. Ein Liniendiagramm,
dessen Bewegen und Zoomen auf festes Zeitfenster steht, bekommt weder Einen Bereich zum
Vergrößern wählen noch Zoom zurücksetzen, ob angekreuzt oder nicht: ein Zeitfenster, das nichts
bewegt, hat keinen Zoom, dem sie antworten könnten, und beide kommen zurück, sobald sich das
Zeitfenster wieder bewegt. Es ist immer nur ein Bereich offen, und ein Druck irgendwo sonst
schließt ihn. Auf einem Diagramm, das für einen Bereich zu niedrig ist, endet der Bereich
innerhalb des Diagramms und scrollt, was er nicht fasst, und auf einem schmalen Diagramm brechen
die Schaltflächen, die über das ganze Formular eines Bereichs reichen
(**Das gezeigte Zeitfenster übernehmen**, **Die Linie zeichnen**), ihre Zeile um, statt über
seinen Rand hinauszulaufen.

Das Vergrößern und Schieben selbst sind die Einstellung **Bewegen und Zoomen** des Diagramms (ein fester
Rahmen, Rad und Ziehen, oder Rad und Ziehen samt einer Navigationsleiste unter dem Feld, die
zeigt, wo der Rahmen in der ganzen Aufzeichnung sitzt); ein Diagramm mit gestapelten
Diagrammfeldern bewegt jedes Feld zugleich, denn sie teilen sich eine Zeitachse. Eine Geste rührt
nie an das, was abgelegt ist: das Diagramm zeichnet, was aus dem sichtbaren Bereich auf die
Zeichenfläche kommt, hineinzuzoomen legt also immer die echten Daten frei, und eine Marke in der
Ecke kann sagen, ob das Bild die Messung ist oder eine Reduktion davon
([Liniendiagramm](component-line-chart#fidelity-and-performance)).

## Skala von Hand setzen {#set-the-scale-by-hand}

Der Bereich hält einen Zeitraum der Zeitachse und einen Bereich der Werteachse fest, jede Seite
für sich. Jedes Feld übernimmt, wenn Sie es verlassen; ein leeres Feld ist eine frei gelassene
Seite, die sich weiterhin selbst einpasst.

| Feld | Was es nimmt |
|---|---|
| Zeitraum / Zeitraum (s ab jetzt) / Abtastwerte | Die beiden Enden der Zeitachse, in den Worten erfragt, in denen die Achse gezeichnet ist: zwei Auswahlfelder für Datum und Uhrzeit auf einer Uhrachse, zwei Sekundenzahlen auf einer relativen Achse, zwei Anzahlen von Abtastwerten auf einer Abtastachse. |
| Werteachse, Minimum und Maximum | Die Enden der eigenen Werteachse des Diagramms. Bei einem Diagramm mit gestapelten Feldern ist das allein das Lineal des obersten Feldes; der Zeitraum bewegt jedes Feld zugleich. |
| Automatisch (eines je Achse) | Gibt diese Achse an den Rahmen zurück, den das Diagramm gebaut hat: ein gleitendes Zeitfenster gleitet wieder, eine mit festen Enden verfasste Achse kehrt zu ihnen zurück, eine ohne solche kehrt zu ihrer freien Einpassung zurück. Ausgegraut, solange auf dieser Achse nichts festgehalten ist. |
| Das gezeigte Zeitfenster übernehmen | Füllt alle vier Felder aus dem Rahmen, der wirklich auf dem Bild ist, nach jedem Vergrößern und Schieben, das Sie gemacht haben, das festzuhalten, was Sie ansehen, kostet also einen Druck. |

Das Festhalten gehört diesem Diagramm auf dieser Verbindung: es wird nie mit dem Bild gespeichert,
ein anderer Browser, der auf dasselbe Diagramm schaut, hat sein eigenes, und das Bild zu schließen
gibt es frei. Ein festgehaltener Rahmen, der keinen der Abtastwerte hält, zeichnet trotzdem und
sagt das unter dem Feld: "Innerhalb der Skala, die Sie festgehalten haben, wurde nichts gemessen."

## Minimum, Mittelwert und Maximum {#minimum-average-and-maximum}

Der Bereich ist eine Tabelle mit einer Zeile je gezeichneter Datenreihe (eine Datenreihe, die der
Verfasser des Bildes abgeschaltet hat, ist nicht auf dem Bild und nicht in der Tabelle; eine über
die Legende verborgene schon), in ihrer Farbe eingefärbt, mit **Minimum**, **Mittelwert** und
**Maximum** über den Abtastwerten innerhalb des gezeigten Zeitfensters, so geschrieben, wie die
Station Zahlen schreibt. Die Zeile über der Tabelle sagt, welches Zeitfenster das ist: "Das
gezeigte Zeitfenster, bis zum neuesten Abtastwert." oder "Das gezeigte Zeitfenster. Der neueste
Abtastwert liegt hinter seinem rechten Rand.", wenn Sie in die Historie zurückgegangen sind. Der
Tooltip einer Zeile sagt, wie viele Abtastwerte des Zeitfensters Messwerte waren; eine Lücke zählt
als Abtastwert, den das Zeitfenster hielt, und als nichts in den drei Zahlen, es wird also kein
Mittelwert über ein Loch gebildet. Eine Zeile ohne etwas zu lesen schreibt Lücken und sagt, welches
Schweigen es ist: "Von dieser Datenreihe wurde im gezeigten Zeitfenster nichts abgetastet." oder
"Jeder Abtastwert dieser Datenreihe im gezeigten Zeitfenster ist eine Lücke." Die Zahlen folgen den
lebenden Daten, solange der Bereich offen ist, und werden über die Abtastwerte selbst gemessen,
nie über die reduzierte Zeichnung.

## Referenzlinien {#reference-lines}

Eine Referenzlinie ist eine Linie bei einem Wert quer über das Feld oder bei einem Zeitpunkt
hinunter, mit Worten dafür, warum sie da ist, und einer Farbe, die sie von der nächsten
unterscheidet. Der Bereich führt auf, was gezeichnet ist, jede Linie mit ihrem ✕, und **Alle
entfernen**; unter der Liste zeichnet ein kleines Formular die nächste:

| Feld | Was es nimmt |
|---|---|
| Welche Achse | **Bei einem Wert** oder die Zeitachse in ihren eigenen Worten: **Zu einem Zeitpunkt** (ein Auswahlfeld für Datum und Uhrzeit), **Bei einer Sekunde (ab jetzt)** oder **Bei einem Abtastwert**. Die Achse zu wechseln leert die Position, denn ein Wert und ein Zeitpunkt sind nicht dieselbe Zahl. |
| Wohin die Linie kommt | Die Position auf dieser Achse. **Die Linie zeichnen** ist ausgegraut, bis sie eine hält. |
| Was die Linie sagt | Freiwilliger Text, der auf die Linie gezeichnet wird. |
| Die Farbe der Linie | Ein Farbwähler; eine Linie beginnt bernsteinfarben. |
| Die Linie zeichnen | Zeichnet sie. Die Position und der Text leeren sich für die nächste Linie; die Achse und die Farbe bleiben. |

Linien gehören dem Diagramm vor Ihnen und sonst nichts: sie werden nicht gespeichert, der Verfasser
des Bildes erfährt nie davon, eine andere Verbindung sieht sie nicht, und das Bild zu schließen
beendet sie. Eine Anmerkung, die das Ansehen überdauern soll, gehört zu einem Lauf, wo die eigene
Datei des Laufs sie aufzeichnet ([Läufe und Kommentare](process-runs)).

## Das abgesetzte Diagrammfenster {#the-detached-chart-window}

**In einem anderen Fenster öffnen** öffnet die eigene Route des Diagramms in einem neuen Fenster:
ein echtes Fenster der Anwendung auf der Station, eine neue Registerkarte in einem entfernten
Browser. Es erneut zu drücken holt das bestehende Fenster nach vorn, statt ein zweites zu öffnen.
Es gibt zwei Routen:

| Route | Was sie zeigt | Geöffnet aus |
|---|---|---|
| `/chart/run/{id}` | Das Datalog-Diagramm eines aufgezeichneten Laufs, aus der Laufdatei neu geladen: seine Datenreihen, Anmerkungen, Kommentare und die freigegebenen Bänder seines Ablaufs, wie sie gerade eingerichtet sind. "Lauf nicht gefunden", wenn die Kennung sich auf nichts auflöst. | Das Diagramm eines Laufs in den [Historien](histories) |
| `/chart/recipe/{id}` | Das Profil aus Schritt, Rampe und Halten eines Rezepts, aus den gespeicherten Modellen neu gebaut. "Rezept nicht gefunden", wenn die Kennung sich auf nichts auflöst. | Der Editor eines Rezepts und die Vorschau des Rezepts in einem Ablauf |

Das Fenster zeichnet ohne die Anwendung darum: keine Navigationsleiste, keine Titelleiste, keine
Statusleiste, nur eine obere Leiste mit dem Titel des Diagramms und **X mit dem Hauptdiagramm
gleichsetzen** ("Zoom und Verschieben der X-Achse mit dem Hauptdiagramm spiegeln"), ab Werk ein, über
dem Diagramm mit seiner ganzen Werkzeugleiste. Solange das Gleichziehen ein ist, tritt das Fenster
einem Kanal bei, der nach seiner Route benannt ist, und folgt dem Vergrößern und Schieben des
Hauptdiagramms auf der Zeitachse; ausgeschaltet navigiert es allein. Jede Route verlangt das, was
eine Identität zu dem zulässt, was sie zeichnet: das Fenster eines Laufs verlangt Historien ansehen,
dieselbe Berechtigung, die den Betrachter der aufgezeichneten Läufe zulässt, aus dem es geöffnet
wird, und das Fenster eines Rezepts verlangt die Regel der Seite Process, die irgendeiner der vier
Schalter von Process oder Historien ansehen öffnet. Eine Rolle ohne das, was ihre eigene Route
verlangt, oder eine, die herabgestuft wird, während das Fenster offen ist, kann dieses Diagramm
nicht über seine Adresse lesen. Das
Fenster ist nur zum Lesen: Kommentare und Anmerkungen werden in den Historien bearbeitet, nicht
hier.

## Was die Werkzeuge nicht tun {#what-the-tools-do-not-do}

Nichts auf der Leiste ändert das Bild: eine verborgene Datenreihe, ein Festhalten, eine Linie und
der Zustand des Tooltips sind alle Zustand dieses Diagramms auf dieser Verbindung, und ein Bild,
das morgen erneut geöffnet wird, öffnet sauber. Nichts auf der Leiste erreicht einen Bericht: das
PDF zeichnet die Darstellung, die sein eigener Erzeuger baut, ohne Festhalten, Linien und
Werkzeuge. Die Leiste gibt keine Daten aus, nur Bilder: die Zahlen eines Laufs verlassen die
Station über die Exporte der [Historien](histories). Und die Leiste bietet kein Werkzeug an, das
die Zeichnung nicht erfüllen kann: ein Vergleich von Kategorien bekommt nie Zoom, Skala, Statistik
oder Linien, ein Liniendiagramm mit festem Zeitfenster bekommt nie die beiden Schaltflächen zum
Zoomen, und ein Diagramm auf einem Bild bekommt nie ein eigenes Fenster.