globe with meridians Sprache: Deutsch · English

light bulb Charts

Diagramme im Webclient – Typen, Datenquellen (Unterformulare/dynamische BOs) und JSON-Konfiguration.

KONZEPT ENTWICKLER STAND: JUL 2026 GILT FUER NUCLOS 4.2026.X

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.

Diagrammtypen

DeutschTyp
SäulendiagrammColumn
BalkendiagrammBar
LiniendiagrammLine
Kombiniert Säule/LinieColumn/Line
KuchendiagrammPie
StreudiagrammScatter
TachoSpeedometer

Verwendung

  • In einem Business-Objekt: Daten aus Unterformularen – auch dynamische BOs (zum Gruppieren/Summieren) sind möglich; ein Nuclet kann Diagrammvorlagen mitliefern.
  • In einer Sideview/Listview: über Such-/Filterkriterien.

Konfiguration (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

Erweiterte Optionen (Sortierung, Fadenkreuz, kombinierte Diagramme, Tooltips) beschreibt Konfiguration.

Verwandte Seiten

gear Konfiguration


Optionen.

Öffnen →

  • Keine Stichwörter