Seitenhistorie
| Auszug | ||
|---|---|---|
| ||
Nuclos Chart Konfiguration: sort, sortByBoAttrId, crosshair, Fadenkreuz, bar, Y-Achse, Tooltip, JSON. |
Sprache: Deutsch · English
Konfiguration
Diagramme feinjustieren – Sortierung, Fadenkreuz, kombinierte Diagramme und Tooltips.
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
Auf dieser Seite
|
Erweiterte Optionen für die Diagramm-Konfiguration (JSON). Grundlagen siehe Charts.
Sortierung
Standardmäßig wird nach "categoryBoAttrId" sortiert.Soll nach einem anderen Attribut sortiert werden kann dies folgendermaßen konfiguriert werden sortiert; alternativ:
| Codeblock | ||
|---|---|---|
| ||
"chart": {
"primaryChart": {
"sort": {
"sortByBoAttrId": "nuclet_test_charts_FinancialFigures_gewinn",
"sortDirection": "asc"
}
...
}
}
|
Fadenkreuz (4 Quadranten
...
Im Diagramm kann ein Fadenkreuz angezeigt werden, indem:
)
Zwei Attribute in der
...
Datenquelle
...
definieren (
...
nur
...
der erste Datensatz
...
wird
...
als Koordinate verwendet) und im Diagramm konfigurieren:
| Codeblock | |
|---|---|
|
...
| |
"chart": {
"primaryChart": {
"crosshair": {
"categoryBoAttrId": "example_rest_CategorySalesCustomerCRT_crosshaircategory",
"seriesBoAttrId": "example_rest_CategorySalesCustomerCRT_crosshairseries",
"color": "green"
}
},
} |
...
Kombiniertes Linien-
...
/Balkendiagramm
...
Die Datenreihe, die als Balkendiagramm dargestellt werden soll, benötigt in der Konfiguration als Balken darzustellende Datenreihe erhält das "bar" Flag:
| Codeblock | ||
|---|---|---|
| ||
...
"series": [
{
"boAttrId": "nuclet_test_charts_FinancialFigures_umsatz",
"label": {"de": "Umsatz"},
"bar": true
},
... |
Basieren die Daten der einzelnen Datenreihen (series) auf der gleichen Skalierung, so kann die Y-Achsen-Skalierung synchronisiert werden:
| Codeblock | ||
|---|---|---|
| ||
"chart": {
"synchronizeLineBarChartYAxes": true
}
|
-Flag. Bei gleicher Skalierung lässt sich die Y-Achse synchronisieren.
Tooltip
Die Tooltip-Informationen können pro Serie um ein weiteres Attribut
...
erweitert werden
...
.
...
Verwandte Seiten
...
Charts
...
Überblick
Inhalte