Language: Deutsch · English
Charts
Charts in the web client – types, data sources (subforms/dynamic BOs) and JSON configuration.
KONZEPT DEVELOPER UPDATED: JUL 2026 APPLIES TO NUCLOS 4.2026.X
On this page
Charts visualize key figures directly in the web client. Configuration is done via JSON; a chart takes its data from subforms or (dynamic) business objects.
Chart types
| German | Type |
|---|---|
| Column chart | Column |
| Balkendiagramm | Bar |
| Liniendiagramm | Line |
| Combined column/line | Column/Line |
| Kuchendiagramm | Pie |
| Streudiagramm | Scatter |
| Tacho | Speedometer |
Usage
- In a business object: data from subforms – dynamic BOs (for grouping/summing) are also possible; a nuclet can ship chart templates.
- In a side view/list view: via search/filter criteria.
Configuration (JSON)
Fehler beim Rendern des Makros 'code': Ungültiger Wert für den Parameter 'com.atlassian.confluence.ext.code.render.InvalidValueException'
{
"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"
}
]
}
}Details
Advanced options (sorting, crosshair, combined charts, tooltips) are described in Configuration.
Related pages
Überblick
Inhalte