Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Excerpt


Title

Ist die Checkbox Enable aktiviert wird, so wird der Titel dargestellt.

Title Text

Geben Sie hier einen Titel für die matrix an. Mehrzeilige Texte werden entsprechend wieder gegeben, d. h. der Zeilenumbruch wird übernommen. Zur Formattierung können folgende HTML Tags verwendet werden: 'b', 'i', 'p', 'span', 'div', 'br', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'ol', 'ul', 'li' und 'blockquote'.

Für folgendes Ergebnis
ACME Gmbh
GuV nach Segment
2021 AC, BU

Ist diese Eingabe nötig:

ACME Gmbh
<b>GuV</b> nach <i>Segment</i>
2021 AC, BU

Size

Tragen Sie die Größe der Schrift für den Titel ein. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Visualisation Comment

Info
titleNur für graphomate comments Nutzer

Diese Optionen sind nur für Nutzer unserer graphomate comments relevant.

Wählen Sie ob am Titel der Komponente ein Indikator für einen Titel-Kommentar oder der Kommentar selbst angezeigt werden soll.

Bind to Instance

Dieser Kommentar ist nur auf diesem Dashboard zu sehen.


Font

Size

Diese Property bestimmt die Schriftgröße. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Family

Definieren Sie die globale Schriftart. Löschen Sie den Inhalt des Textfeldes und wählen Sie dann aus den vorgeschlagenen Werten Arial, Tahoma, Verdana, Lucida Console und Calibri. Alternativ können Sie den Namen einer Schrift eingeben, die auf Ihrem System installiert ist, auch wenn keine Vorschläge angezeigt werden. Geben Sie dazu bspw. Comic Sans MS ein.

Color

Diese Property bestimmt die Schriftfarbe als HEX-, RGB- oder HSL-Code ein. Diese schalten Sie über die kleinen Pfeile rechts.
Alternativ können Sie auch den Color-Picker verwenden.

Crop Header Text

Bei Auswahl dieser Option werden lange Zeichenketten nicht umgebrochen sondern abgekürzt mit drei Punkten dargestellt - z.B. Elektronikprod... 

Value Format

Mit dem Value Format definieren Sie die Art der Darstellung der Werte in der Matrix.
Sie können mehrere Formate definieren und diese bestimmten Spalten über Filterung zuordnen.


Info

Mehrere Value Format Regeln (Assignments) werden absteigend priorisiert, d.h. tiefer in der Liste stehende Definitionen überschreiben die darüberstehenden. Daher sollte das allgemein gültige Format der Tabelle an erster Stelle dieser Liste ohne weitere Filter definiert werden. Darunter definierte, durch Filter eingeschränkte Value Formate überschreiben die darüber definierten Formatierungen - "Vom Allgemeinen zum Speziellen".

Value Format Assignment

Die Konfiguration erreichen Sie durch Klick auf ein Element in der Liste. Ein weiteres Value Format definieren Sie durch Klick auf das -Symbol.

Value Format Pop-Up

Definieren Sie das Zahlenformat über folgende Optionen:

  • Filter: Über einen Klick in die leere Liste oder auf das -Symbol definieren Sie ein oder mehrere Dimensionsmember, für die diese  Formateinstellungen gelten soll. Eine Kennzahlenspalte wählen Sie beispielsweise über die Dimension "measures" und den Namen der zu formatierenden Spalte aus.
  • Locale: Legt Abkürzungen, Dezimal- und Tausendertrennzeichen für die jeweilige Sprache fest. Sie können zwischen endefr und auto wählen.
    Bei Auswahl von auto wird die in der jeweiligen Host-Applikation hinterlegte Locale verwendet. 
  • Format Type: Legt die Art der Zahlenausgabe fest. Sie können zwischen number (Dezimalzahl), percent (Prozentzahl)ordinal (Ordnungszahl) und time (Zeiteinheit) wählen.
  • Abbreviations: Legt die Art der Abkürzungen für alle zu formatierenden Zahlen fest. Sie können zwischen mean (Abkürzung des Mittelwerts), min (Abkürzung des Minimalwerts), max (Abkürzung des Maximalwerts), auto (am besten passende Abkürzung), trillion (immer Billionen-Abkürzung), billion (immer Milliarden-Abkürzung), million (immer Millionen-Abkürzung), thousand (immer Tausender-Abkürzung) und none (keine Abkürzung) wählen.
    Mittels dieser Eigenschaft können Sie z.B. erreichen, dass Zahlenwerte immer in Tausendern - z.B. 0,1k oder 1000k - dargestellt werden.
  • Negative Sign: Legt fest, wie negative Zahle dargestellt werden. Sie können zwischen minus (Minuszeichen), parenthesis (Klammern), und none (kein Zeichen) wählen.
  • Prefix: Der Eingabewert wird vor die Zahl gesetzt.
  • Suffix: Der Eingabewert wird hinter die Zahl gesetzt.
  • Thousands Separator: Ersetzt das von der ausgewählten Locale festgesetzte Tausendertrennzeichen.
  • Decimal Separator: Ersetzt das von der ausgewählten Locale festgesetzte Dezimaltrennzeichen.
  • Total Digits: Legt fest, aus wie vielen Ziffern die Zahl bestehen darf. Total Digits wird gegenüber Decimal Digits priorisiert.
  • Decimal Digits: Legt fest, wie viele Nachkommastellen der formatierten Zahl angezeigt werden.
  • Scaling Factor: Der Wert jedes Datenpunktes wird mit der eingegebenen Zahl multipliziert, um Werte zu skalieren.
  • Zero Format: Wenn die Checkbox aktiviert ist, wird jeder Datenwert, der (der Zahl Null) gleicht, durch den eingegebenen Wert ersetzt.
  • Null Format: Jeder Datenwert, der NULL (kein Wert) gleicht, wird durch den eingegebenen Wert ersetzt.
  • Infinity Format: Wenn ein Datenwert undefiniert oder das Resultat eines arithmetischen Fehlers, wie das Teilen durch 0 (Null), ist, wird der Datenwert durch den eingegebenen Wert ersetzt.
  • Rounding Method: Legt die Rundungsmethode fest. Sie können zwischen half up (23.5 → 24, -23.5 → -23), commercial (kaufmännisches Runden: 23.5 → 24, -23.5 → -24) und trim (trimmen: 23.5 → 23, -23.5 → 23) wählen.
  • Explicit Positive Sign: Legt fest, ob vor einer positiven Zahl immer ein (Pluszeichen) stehen soll.
  • Time Units: Wenn für den Format Type Time festgelegt wurde, können hier die time units eingestellt werden. Die Standardeinstellung interpretiert Datenwerte als Sekundenwerte und stellt sie als Stunden und Minuten mit Nachkommastellen im Format h:mm.m dar. 
  • Description: Legt eine Beschreibung für die eingestellte Konfiguration fest.

Time Units Pop-Up

Im Format Type Time kann mit Hilfe der Time Units ein Einheitensystem konfiguriert werden, das in der Standardeinstellung aus Stunden und Minuten besteht. Jede so formatierte Zahl wird dann in ihren Anteilen entsprechend der Einheiten dargestellt, erhält also für jede Einheit einen Wert. Die Reihenfolge der Einheitenliste definiert ihre Beziehung von der größten Einheit (oben) zur kleinsten Einheit (unten). Jede Einheit enthält folgende Optionen:

  • Modulus: Legt die arithmetische Verknüpfung zwischen den Einheiten fest. Die Zahl spiegelt im Sinne modularer Arithmetik wieder, wie viele Entitäten der nächstkleineren Einheit in eine Entität der aktuell betrachteten Einheit passen. Wenn die aktuell betrachtete Einheit die kleinste des Einheitensystems ist, stellt der Modulus den Bezug zum Rohwert her, der formatiert werden soll. Im Falle eines Einheitensystems aus Stunden und Minuten mit Rohwerten, die in Minuten vorliegen, trägt also die Einheit Stunden den Modulus 60 und die Einheit Minuten den Modulus 1.
  • Prefix: Legt den lokalen Prefix fest, mit dem der Wert dieser Einheit beginnen soll. Er kann als Trennzeichen zu Werten größerer Einheiten verwendet werden.
  • Suffix: Legt den lokalen Suffix fest, der dem Wert dieser Einheit nachgestellt sein soll. Er kann beispielsweise ein Einheitenkürzel enthalten oder als Trennzeichen zu Werten kleinerer Einheiten verwendet werden.
  • Omit If Zero: Stellt ein, ob Werte dieser Einheit ausgeblendet werden sollen, wenn sie 0 entsprechen.
  • Leading Zeros: Stellt ein, ob Werte dieser Einheit mit einer oder mehreren (abhängig vom Bezug zur nächstgrößeren Einheit) vorangestellten Nullen dargestellt werden sollen.
  • Description: Legt eine Beschreibung für die Einheit fest, um sie in der Liste leichter wiederzuerkennen.

Text Align

Legt fest, wie Zahlenwerte in der Matrix gesetzt werden: linksbündig (left), zentriert (center) und rechtsbündig (right).



Scripted Formatting

CFL Rules

Nach unseren Erfahrungen mit anderen Tabellenkomponenten haben wir uns entschieden unseren Kunden eine Möglichkeit zu bieten, die graphomate matrix sehr individuell entsprechend ihren Vorstellungen zu formatieren. Die Cell Formatting Language (CFL) definiert Regeln, die für jede Zelle der matrix ausgeführt werden. Diese Regeln können dazu genutzt werden um die Darstellung der Zellen, auf Basis von Eigenschaften der Zelle, der Daten oder der Properties der matrix, zu beeinflussen.
Auf diese Weise können Sie mit wenig Zeilen Code aus der graphomate matrix eine Heat-Map erzeugen, Elemente einfärben oder bedingte Formatierungen umsetzen.

Info

Die CFL ist eine Skriptsprache zur individuellen Formatierung der graphomate matrix, die auf JavaScript-Syntax basiert.
Sie ermöglicht es, an dem globalen Objekt cell über getter und setter diverse Eigenschaften zu lesen und zu schreiben. Eine vollständige API-Dokumentation finden Sie hier.
Zur einfacheren Programmierung der CFL stellen wir Ihnen einen webbasierten CFL-Editor zur Verfügung, aus dem die definierten Regeln bequem per Copy-and-Paste in das Script Body kopiert werden können. Diesen Editor sowie einige Code-Templates finden Sie hier.

Für alle CSS-Eigenschaften und -werte, die in der CFL gesetzt werden können, gelten die gewohnten Schreibweisen

CFL Rules Pop-Up

Folgende Eigenschaften können definiert werden:

  • Enable: Diese Boolean-Property ermöglicht es, die Regel zu (de)aktivieren.
  • Name: Ein Name, der zur Identifikation der Regel dient.
  • Script Body: Hier wird das CFL-Skript hineinkopiert.


Info

Den CFL-Editor finden Sie hier.

CFL Variables

An dieser Stelle können Sie eigene Variablen definieren, die Sie in einer CFL-Regel verwenden möchten. In der CFL-Rule wird die Variable über die Methode .getCflVariable abgerufen. Der Wert der Variable muss dem JSON-Format entsprechen (Beispiele: 5 oder "center" oder [1,2,3] oder null oder {"foo":"bar"}.

CFL Variables Pop-Up

Folgende Eigenschaften können definiert werden:

  • Identifier: Vergeben Sie einen eindeutigen Namen, auf den in einer CFL Regel referenziert werden kann.
  • Value: Der Wert der Variable muss dem JSON-Format entsprechen (Beispiele:  "car" für eine Zeichenkette oder 3.14159 für einen Zahlenwert.)

Custom CSS

Nutzen Sie direkt CSS Code für die matrix, wenn Sie komplexe Selektoren im Styling nicht über die CFL ansprechen können.

Custom CSS Pop-Up

Folgende Eigenschaften können definiert werden:

  • Enable: Diese Boolean-Property ermöglicht es, das CSS Skript zu (de)aktivieren.
  • Name: Ein Name, der zur Identifikation des CSS Skripts dient.
  • CSS: Hier wird das CSS eingefügt, das aus mehreren CSS Regeln bestehen kann.

Hierarchy Nodes

Hier steuern Sie Farbe und Schriftschnitt der Hierarchieknoten in der Tabelle. 

Color

Definieren Sie hier die Farbe der Schrift der Hierarchieknoten. Die Farbe überschreibt die allgemeine Font Color aus der Gruppe Font.
Nutzen Sie hier den Color-Picker oder geben Sie Farbwerte als HEX-, RGB- oder HSL-Code ein. Diese schalten Sie über die kleinen Pfeile rechts.

Bold

Wenn Hierarchieknoten fett dargestellt werden sollen, aktiveren Sie diese Property.

Italic

Wenn Hierarchieknoten kursiv dargestellt werden sollen, aktiveren Sie diese Property.

Row Indentation

Legen Sie hier die Größe der Einrückung von Hierarchieknoten fest. Die letztendlich verwendete Einrückung ist ein Vielfaches der hier eingestellten Einrückung und richtet sich nach dem Hierarchielevel des jeweiligen Knotens. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Column Indentation

Legen Sie hier die Größe der Einrückung von Spalten fest. Die letztendlich verwendete Einrückung ist ein Vielfaches der hier eingestellten Einrückung und richtet sich nach dem Hierarchielevel des jeweiligen Knotens. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Node Divider Thickness

Stellen Sie hier die Dicke der horizontalen Trennlinien unterhalb von Zellen ein, deren Zeilen Hierarchieknoten darstellen. Alle anderen Trennlinien können auf dem Tab "Axes" eingestellt werden.

Extra Row Padding

Legen Sie hier den Wert des zusätzlichen Zeilenabstands fest, der bei Ergebniszeilen angewendet wird um Gruppen aus Kind-Knoten und ihre zugehörigen Elternknoten voneinander abzuheben. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Node Divider Color

Stellen Sie hier die Farbe der horizontalen Trennlinien unterhalb von Zellen ein, deren Zeilen Hierarchieknoten darstellen. Alle anderen Trennlinien können  auf dem Tab "Axes" eingestellt werden.

Node Divider

Schalten Sie hier die Sichtbarkeit von horizontalen Trennlinien unterhalb von Zellen ein oder aus, deren Zeilen Hierarchieknoten darstellen. Alle anderen Trennlinien können auf dem Tab "Axes" eingestellt werden.

Following Node Divider

Diese Einstellung legt fest, ob Linien vor oder nach einem Hierarchieknoten als Trennlinie des Hierarchieknoten interpretiert werden. Alle anderen Trennlinien können auf dem Tab "Axes" eingestellt werden.

Collapsible

Soll die Hierarchie über ein Symbol auf- und zuklappbar sein, aktivieren Sie den die Property Collapsible.

Collapsible on Whole Cell

Ist diese Eigenschaft aktiviert, veranlasst der Klick auf eine komplette Zelle das Auf- oder Zuklappen des Hierarchieknotens. Das Selektieren von ganzen Zeilen ist so nicht möglich. Ist diese Eigenschaft inaktiv verursacht nur ein Klick auf das Dreieck das Klappen, während ein Klick auf den Rest der Zelle nur eine Selektion der Zeile zur Folge hat.


Styling

Matrix Background Color

Bestimmen Sie mittels Color Picker oder HEX-, RGB- bzw. HSL-Code die Hintergrundfarbe der Matrix. Diese schalten Sie über die kleinen Pfeile rechts.

Matrix Padding

Diese Property bestimmt das Padding der Tabelle als Gesamtobjekt. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),

Footer Text

Hier können Sie einen Text definieren, der unter der Matrix erscheint.
Mehrzeilige Texte werden entsprechend wieder gegeben, d.h. der Zeilenumbruch wird übernommen.

Size

Tragen Sie die Größe der Schrift für den Footer ein. Wählen Sie aus der Liste eine CSS-Einheit (wie z.B. pxem),


...