Stufendiagramm
Generiert ein Stufendiagramm für einen Datensatz mit der Option, Drilldown-Baumstrukturen für zusätzliche Datensätze hinzuzufügen. Sie müssen den Datensatz mithilfe eines Service füllen.
Konfigurationseigenschaften
Geben Sie unter Konfiguration die Eigenschaften für die Darstellung und das Verhalten der Ansicht an oder ändern Sie sie.
- Anzeigegröße
- Eine Konfigurationseigenschaft mit dem Symbol für Anzeigegrößen
neben dem Eigenschaftsnamen kann für jede Anzeigegröße unterschiedliche Werte aufweisen. Wenn Sie keinen Wert festlegen, wird der Wert der
nächst größeren Anzeigegröße als Standardwert für die Anzeigegröße übernommen.
- Motivdefinitionen
- Motivdefinitionen geben Farben und Stile für eine Ansicht an und legen die Darstellung der Ansicht fest. Sie können eine Vorschau der Darstellung und Funktionsweise von Ansichten im Motiveditor anzeigen. Siehe Motive.
Einschränkung: Wenn beim Anzeigen des Diagramms in einem ausblendbaren Fenster Größenprobleme auftreten, verwenden Sie den folgenden Code im Ereignis On expand des ausblendbaren Fensters, um die Diagrammgröße an den verfügbaren Speicherplatz anzupassen:
${CHART_CONTROL_ID}.refresh();Die Darstellungskonfigurationseigenschaften für das Element 'Stufendiagramm' werden in der folgenden Tabelle aufgeführt:
| Darstellungskonfigurationseigenschaft | Beschreibung | Datentyp |
|---|---|---|
| Bereich unter Schritten anzeigen | Der Bereich unter dem Stufendiagramm ist ausgefüllt (ähnlich wie bei der Darstellung der Ansicht 'Bereichsdiagramm'). | Boolean |
| Hintergrundfarbstil | Der Farbstil für die Hintergrundfarbe. | String |
| Farbstil der Datenserie | Der Farbstil für die Datenserie. | String |
| Angepasster Farbstil der Datenserie | Passen Sie den Farbstil für die Datenserie an. In der NameValuePair ist Name der Serienname und Value die Farbe, die als Name, hexadezimaler Code oder RGB-Code angegeben wird. Beispiel: red, #ff0000, rgb(255, 0, 0). Die Eigenschaft hat Vorrang vor Farbstil für Datenserien. |
NameValuePair |
| Wertkennzeichnungen anzeigen | Datenpunktwerte über jedem Punkt im Diagramm anzeigen. | Boolean |
| Breadcrumbs anzeigen | Wenn diese Option aktiviert ist, zeigt der Titel die aktuelle Position der Baumstruktur an, in der der Benutzer einen Drilldown durchführen kann (abhängig von der Menüauswahl). | Boolean |
| Farbstil für X- und Y-Achse | Der Farbstil für die X- und die Y-Achse. | String |
| Rasterlinienstil | Der Stil für die horizontalen Rasterlinien. | String |
| Rotation der Bezeichnung der X-Achse | Die Rotation in Grad für die Bezeichnung der X-Achse. | Decimal |
| Höhe der X-Achse | Die Höhe der X-Achse. | Integer |
| Radius des Rahmens | Der Radius des Diagramms. | String |
| Auffüllung | Die Auffüllung nach rechts, oben, links und unten für das Diagramm (in Pixeln). | String |
| Höhe |
Die Höhe des Diagramms. | Integer |
Die Verhaltenskonfigurationseigenschaften für das Element 'Stufendiagramm' werden in der folgenden Tabelle aufgeführt:
Informationen zu Drilldown-Baumstrukturen, die Sie mit Ihren Diagrammen verwenden können, enthält Drilldown-Baumstrukturen.
| Verhaltenskonfigurationseigenschaft | Beschreibung | Datentyp |
|---|---|---|
| Diagrammdatenmodus | Wählen Sie aus, ob Diagrammdaten aus einem Service oder aus der Konfigurationsoption gefüllt werden. Beachten Sie, dass Baumstrukturen, in die Benutzer einen Drilldown durchführen können, nur verfügbar sind, wenn die Daten durch einen Service-Flow mit dem entsprechenden Ajax-Zugriff gefüllt werden. | String |
| Datendienst | Ein Service, der die Datenserie füllt. | Service Flow |
| Datenserie | Der Parameter seriesName gibt den Namen für die Datenserie an und der Parameter dataPoints gibt die Liste der Datenpunkte an, die in die Datenserie einzuschließen sind. | String für seriesName und
DataPoint[] für die Liste von dataPoints. |
| Menü aktivieren | Aktiviert die Sichtbarkeit des Menüs. Das Menü ist erforderlich, wenn Sie eine Baumstruktur haben, in die Benutzer einen Drilldown durchführen können, oder wenn Sie Menüs hinzugefügt haben. | Boolean |
| Anzahl der Schritte auf der Y-Achse | Die Anzahl der Teilstriche auf der Y-Achse. Der angegebene Wert wird nicht als genaue Zahl interpretiert, sondern an die am besten geeignete Schrittzahl angepasst, um eine optimale Anzeige bereitzustellen. | Integer |
| Schrittgenauigkeit auf der Y-Achse | Die Anzahl der Dezimalstellen, die für Wertbeschriftungen der Y-Achse angezeigt werden. Die Standardanzahl von Dezimalstellen ist 0. | Integer |
| Minimaler Wert auf der Y-Achse | Der Minimalwert auf der Y-Achse. | Decimal |
| Maximalwert auf der Y-Achse | Der Maximalwert auf der Y-Achse. | Decimal |
| Übergehen der X-Achse verwenden | Nur Anzahl der Datenschritte der X-Achse anzeigen, die durch die Eigenschaft Maximale Anzahl von Schritten auf der X-Achse festgelegt wird. | Boolean |
| Anzahl der Schritte auf der X-Achse | Die Anzahl der Teilstriche auf der X-Achse Der angegebene Wert wird nicht als genaue Zahl interpretiert, sondern an die am besten geeignete Schrittzahl angepasst, um eine optimale Anzeige bereitzustellen. | Integer |
| QuickInfo anzeigen | Wenn diese Option aktiviert ist, wird beim Bewegen des Mauszeigers über Datenpunkte im Diagramm eine QuickInfo angezeigt. Die QuickInfo zeigt den Namen des Punkts und seinen Wert an. | Boolean |
Ereignisse
Sie können die Ereignishandler für die Ansicht in den Eigenschaften für Ereignisse festlegen oder bearbeiten. Sie können Ereignisse festlegen, die programmgesteuert oder dann ausgelöst werden, wenn ein Benutzer mit der Ansicht interagiert. Informationen zum Definieren und Codieren von Ereignissen finden Sie unter Benutzerdefinierte Ereignisse.Das Element 'Stufendiagramm' verfügt über die folgenden Typen von Ereignishandlern:
- On load: Aktivierung erfolgt beim Laden des Diagramms. Beispiel:
me.defocusSeries("Brand1") - On refreshed: Aktivierung erfolgt beim Aktualisieren des Diagramms. Beispiel:
me.focusSeries("Brand1") - On click: Aktivierung erfolgt beim Klicken auf das Diagramm. Beispiel:
me.transform("donut", ["Brand1","Brand2"]) - On menu action: Aktivierung erfolgt, wenn eine Menüaktion erkannt wird. Beispiel:
console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)
Methoden
Ausführliche Informationen zu den verfügbaren Methoden für das Stufendiagramm finden Sie unter JavaScript-API des Stufendiagramms.
Weitere Ressourcen
Informationen zum Erstellen eines Coach oder einer Seite finden Sie unter Coaches erstellen.
Informationen zu Standardeigenschaften (Allgemein, Konfiguration, Positionierung, Sichtbarkeitund HTML-Attribute) finden Sie unter Eigenschaften anzeigen.