Nuclos Webclient Charts: Diagramm, Column, Bar, Line, Pie, Scatter, Speedometer, JSON, primaryChart, Unterformular, dynamisches BO. |
Sprache: Deutsch · English
Diagramme im Webclient – Typen, Datenquellen (Unterformulare/dynamische BOs) und JSON-Konfiguration.
Auf dieser Seite |
Diagramme visualisieren Kennzahlen direkt im Webclient. Die Konfiguration erfolgt per JSON; ein Diagramm bezieht seine Daten aus Unterformularen bzw. (dynamischen) Business-Objekten.
| Deutsch | Typ |
|---|---|
| Säulendiagramm | Column |
| Balkendiagramm | Bar |
| Liniendiagramm | Line |
| Kombiniert Säule/Linie | Column/Line |
| Kuchendiagramm | Pie |
| Streudiagramm | Scatter |
| Tacho | Speedometer |
{
"chartLabel": {"de": "Umsatzanalyse", "en": "sales analysis"},
"primaryChart": {
"chartType": "(Column|Bar|Line|Pie|Scatter|Speedometer)",
"boMetaId": "com_buymore_Umsaetze",
"categoryAttrId": "com_buymore_Umsaetze_umsatzjahr",
"categoryLabel": {"de": "Jahr"},
"scaleLabel": {"de": "TEuro"},
"series": [
{
"boAttrId": "com_buymore_Umsaetze_umsatz",
"label": {"de": "Umsatz"},
"color": "#000000"
},
{
"boAttrId": "com_buymore_Umsaetze_gewinn",
"label": {"de": "Gewinn"},
"color": "#222222"
}
],
"searchTemplate": [
{
"label": "Jahr von",
"boAttrId" : "com_buymore_Umsaetze_umsatzjahr",
"comparisonOperator": ">=",
"mandatory": true
},
{
"label": "bis",
"boAttrId" : "com_buymore_Umsaetze_umsatzjahr",
"comparisonOperator": "<=",
"mandatory": true
},
{
"label": "Artikelkategorie",
"boAttrId" : "com_buymore_Umsaetze_kategorie",
"comparisonOperator": "=",
"mandatory": true,
"dropdown": true
}
]
},
"secondaryChart": {
"chartType": "Line",
"useCombinedScaleWithPrimary": false,
"boMetaId": "com_buymore_Arbeitsleistung",
"categoryAttrId": "com_buymore_Arbeitsleistung_jahr",
"scaleLabel": {"de": "h"},
"series": [
{
"boAttrId": "com_buymore_Arbeitsleistung_stunden",
"color": "#777777"
}
]
}
} |
Erweiterte Optionen (Sortierung, Fadenkreuz, kombinierte Diagramme, Tooltips) beschreibt Konfiguration. |