Grundsätzlich haben Sie zwei Möglichkeiten die Eigenschaften der graphomate treemaps zu pflegen: Über das Standard-Properties-Sheet, das alle Parameter in einer strukturierten Liste aufzeigt oder über das Additional-Properties-Sheet. Letztere bieten ein benutzerfreundlicheres User-Interface. Es gibt jedoch einige spezielle Eigenschaften, die nur über das Standard-Properties-Sheet gepflegt werden können.

Die Checkboxen vor den Eigenschaften im Additional-Properties-Sheet dienen der Steuerung der Sichtbarkeit von Elementen und der Aktivierung von Funktionen. Die zu verwendende Data Source kann nur via Drag&Drop auf die Komponente oder auf dem Standard-Properties-Sheet unter Data Binding zugeordnet werden.

Durch Drücken der Taste F5 können sowohl der Zeichenbereich, als auch das Additional-Properties-Sheet neu initialisiert werden. Dies ist manchmal notwendig, wenn Änderungen in den Properties nicht direkt in den Zeichenbereich übernommen werden.

Data Tab

Data Series

Für die graphomate treemaps können zwei Datenserien konfiguriert werden, die jeweils über eine unterschiedliche Semantik verfügen:

Area Series
Die Größe der Treemap-Rechtecke wird in Abhängigkeit und proportional zu den Werten der Area Series gezeichnet.
Color Series
Die Einfärbung der Treemap geschieht über die Color Series, entweder indem die Werte der Serie direkt oder in dem zunächst die Abweichung zur Area Series berechnet und die sich ergebenden Werte auf eine Farbskala abgebildet werden. Die Farbskala kann auf dem Appearance-Tab und die Berechnungsmethode (direkte Abbildung oder Abweichung) auf dem Behavior-Tab eingestellt werden.

Damit Serien verknüpft werden können, muss zunächst eine Data Source ausgewählt werden. Die Serien-Label (Series1, Series2) lassen sich über die Eingabe-Box umbenennen und werden in der Legende, den Descriptions und den Tooltips angezeigt.

Ein Klick auf das "x" am Ende der Zeile löscht die Zuordnung der Datenreihe.

Title

Geben Sie hier einen Titel für die Treemap an. Ist die Checkbox aktiviert, wird dieser angezeigt. Zeilenumbrüche werden übernommen.

Appearance Tab

Labels

Legen Sie hier das Aussehen der Schrift in der Treemap fest.

Text Color

Legt die Farbe des Textes fest (inklusive des Textes, der im Titel angegeben ist). Sofern die Treemap eine Hierarchie enthält, greift für diese die Farbe, die im Abschnitt Hierarchy Nodes (bzw. über das Property Node Style Color) festgelegt ist. Ist einer Spalte ein Data Type zugeordnet und die Option Apply Data Types to Cells (im Abschnitt Columns) aktiviert, greift die für den Datentypen festgelegte Farbe für die gesamte Spalte und überschreibt somit die hier festgelegte Textfarbe.

Value Format

Hier steuern Sie das Format der Treemapwerte:

Basic
Pflegen Sie hier das Format für absolute und prozentuale Werte entsprechend der Vorgaben von numeral.js.
Locale
setzt die Ländereinstellung. Ist diese auf AUTO eingestellt, wird die Ländereinstellung aus der Datenquelle übernommen.
Extended
Sofern Sie ein fixes Format für Ihre Datenbeschriftungen wünschen, können Sie dies hier für absolute und prozentuale Datenwerte pflegen. Die Eingabe einer Klammer „(“ im Feld für Negative Sign führt zu einer Darstellung negativer Zahlen in Klammern: (1234). Der Parameter im Feld Scaling wird als Divisor verwendet, um eine Skalierung der Datenbeschriftung vorzunehmen. Die resultierenden „Format-Strings“ können auch über die Skriptsprache gesetzt werden. (siehe hierzu Eingabeoptionen für den Extended Number Format-String im Anhang).

Weitere Informationen finden Sie unter Zahlenformate.

Setzen Sie die Eigenschaft Use Formatted Data im Standard-Properties-Sheet auf true wenn Sie die Formatierung der Daten aus der Data Source übernehmen wollen.

Colors

An dieser Stelle sind verschiedene Einstellungen zur Farbgebung der Treemap möglich:

Scheme:
Stellen Sie hier die gewünschte Farbskala für die Treemap ein. Als Standardwert ist ein Verlauf von rot über gelb zu grün vorgesehen. Für die Darstellung von Hierarchien sind die Skalen Hierarchy1, 2 und 3 besonders geeignet.
Invert Scheme:
Ist die Checkbox aktiviert, wird das Farbschema umgekehrt. Dies z. B. sinnvoll, wenn Negativwerte als positiv dargestellt werden sollen.
Infinity:
Die hier gewählte Farbe wird dann angezeigt, wenn sich aus der Abweichungsberechnung ein unendlicher Wert ergibt (bspw. bei der Teilung durch 0).
Null:
Die hier eingestellte Farbe wird angezeigt, falls sich aus der Color Series kein Wert ableiten lässt (bspw. wenn als Berechnungsmethode die Abbildung der Serie ausgewählt, die Serie aber nicht eingestellt wurde).

Behavior Tab

Color Calculation Based On

Die Color Calculation Method legt fest, in welcher Art die Werte der Color Series für die Einfärbung der Treemap berücksichtigt werden sollen. Die folgenden Werte können für die Methode gewählt werden:

<Name der Color Series (Series 2)>:
Ist die Methode gewählt, dann werden die Werte aus der Color Series linear auf die Farbskala abgebildet (d.h. der größte Wert ist am rechten Rand der Skala, der niedrigste am linken Rand).
Δ Absolute:
Ist diese Methode gewählt, dann wird die absolute Abweichung zwischen Area und Color Series berechnet; das Ergebnis der Berechnung wird linear auf die Farbskala abgebildet.
Δ Percent:
Ist diese Methode gewählt, dann wird die prozentuale Abweichung zwischen Area und Color Series berechnet und das Ergebnis auf die Farbskala abgebildet.
Hierarchy:
Bei Auswahl dieser Methode wird die Treemap entsprechend ihrer hierarchischen Struktur eingefärbt.

Hierarchy

Die hier versammelten Einstellungen beeinflussen die Darstellung der Hierarchie in der Treemap:

Embedded

"Embedded Treemaps" stellen die Hierarchie durch zusätzliche Rahmen um die Hierarchie-Level explizit dar. Ist die Checkbox aktiviert, werden die Rahmen angezeigt. Sollten Sie eine Embedded Treemap designen, bieten sich Ihnen folgende zusätzliche Möglichkeiten:

Root Node Description:
Der Root Node ist die Wurzel der Hierarchie, der Knoten, der im embedded-Modus im äußeren Rahmen dargestellt wird. Häufig ist dieser Knoten über die Datenquelle schlicht als Summe o.ä. bezeichnet. An dieser Stelle können Sie dem äußeren Rahmen einen anderen Namen geben.
Top Padding:
Stellen Sie hier die Breite des oberen Abstands des embedded-Rahmens ein.
Rest Padding:
Stellen Sie hier die Breite der restlichen Abstände (links, rechts, unten) des embedded-Rahmens ein.

Ist das Top Padding kleiner als die eingestellte Schriftgröße, wird die Beschreibung des Rahmens automatisch ausgeblendet.

Sollten Sie keine Beschriftungen, sondern nur dünne Rahmen wünschen, stellen Sie beide Padding-Werte auf 1 ein. Dadurch wird die hierarchische Struktur gut sichtbar, ohne dass dafür viel Platz aufgewendet werden muss.

Limit Depth to Level

Ist die Checkbox aktiv, wird die dargestellte Hierarchie auf eine bestimmte Tiefe (Eingabe im Feld Level) limitiert. Die Treemap bildet dann nur die Hierarchie von der Wurzel bis zu der angegebenen Tiefe ab, alle weiteren Hierarchieebenen werden abgeschnitten.

Hide Overflowing Descriptions

Ist die Checkbox aktiviert, werden alle Beschreibungen in den Rechtecken, die horizontal über das Rechteck hinausragen würden, ausgeblendet. Dadurch erscheint die Treemap visuell ruhiger und der Fokus wird auf die großen Elemente gelegt.

Padding

Mit der Änderung des Wertes für Outer Padding kann der Abstand zwischen dem Chart und der umschließenden Box in Designer angepasst werden.

Helper Tab

Legend

Nehmen Sie hier Einstellungen zur Legende vor. Neben der Sichtbarkeit (Aktivierung der Checkbox Show Legend) der Legende gibt es folgende Einstellungen:

Area Descriptor:
Die Beschriftung der Legende wird aus den Metadaten der Datenserie generiert. Möchten Sie die Beschriftung der Area Series ändern, können Sie diese hier anpassen.
Color Descriptor:
Passen Sie an dieser Stelle die Beschriftung der Color Series in der Legende an.

Description Configuration

Nehmen Sie hier Einstellungen zur Beschriftung innerhalb der Rechtecke vor. Die Beschriftung zeigt Informationen über die dem Rechteck zugehörige Dimensionsausprägung (dimension member). Neben der Sichtbarkeit (Aktivierung der Checkbox) gibt es folgende Einstellungen:

Path:
Der Pfad zeigt die Knoten höherer Ordnung in der Hierarchie an, die zu der aktuellen Dimensionsausprägung führen.
Name:
Diese Option zeigt den Namen der Dimensionsausprägung an.
Area Value:
Diese Option zeigt den Namen und den Wert für die Area Series an.
Color Value:
Diese Option zeigt den Namen und den Wert der Color Series (oder der zur Area Series berechnete Abweichung) an.

Tooltip Configuration

Die Einstellungen in der Tooltip Configuration sind analog zu denen in der Description Configuration, gelten aber für die zur Runtime in der Treemap dargestellten Tooltips (daher ist der Effekt der Tooltip Einstellungen zur Designtime nicht sichtbar). Mögliche Einstellungen sind auch hier: Path, Name, Area Value und Color Value.

Context Menu Tab

In diesem Tab können Sie einstellen, welche Optionen im Kontextmenü angezeigt werden. Aktivierte Checkboxen werden im Kontextmenü angezeigt. Mit der obersten Checkbox (Enable Contect Menu) kann das gesamte Kontextmenü initial aktiviert werden. Ein aktives Kontextmenü lässt sich zur Laufzeit per Rechtsklick auf die Komponente öffnen und die aktivierten der folgenden Aktionen lassen sich ausführen.

Sorting

Hier lassen sich die Daten für die im Aufriss befindlichen Dimensionen auf- oder absteigend sortieren.

Filters

Ermöglicht die Filterung der Daten nach einzelnen Membern aller Dimensionen.

Context Sensitive Filters

Zeigt korrespondierende Filter zu der Dimension, auf der das Kontextmenü geöffnet wurde.

Filter and Hide

Zusätzlich zum Filtern wird hier auch die dazugehörige Dimension aus dem Aufriss entfernt.

Clear Filters

Ermöglicht das Entfernen von zuvor vergebenen Filtern.

Drilldown

Fügt der Treemap eine weitere Dimension hinzu.

Drillup

Entfernt eine Dimension aus der Treemap(dies kann dazu führen, dass die Treemap nicht mehr angezeigt werden kann).

Zero Display

Legt die Anzeige von Nullwerten in der Treemap fest.

Member Display

Auswahl der Anzeige der Membernamen (Text oder Key).

Position For Totals

Ist standardmäßig deaktiviert, da diese Option bei den graphomate treemaps keine Auswirkung hat. Auch eine Aktivierung führt zu keiner Änderung. Position For Totals wirkt sich nur auf die graphomate charts aus.

Total Display

Ermöglicht das Ein- und Ausblenden der Summen der einzelnen Dimensionen.

Custom Events

Über das Standard-Properties-Sheet lassen sich bis zu 10 eigene Skripte festlegen, die über die einzelnen Custom Events aufgerufen werden können. Im Additional-Properties-Sheet können dann eigene Bezeichnungen für die Skripte festgelegt werden.

Die einzelnen Optionen führen verschiedene Aktionen auf der Data Source aus, jedoch ohne diese zu verändern.

Alle Änderungen lassen sich durch das neu Laden des Dashboards wieder rückgängig machen.

Search Tab

Die Suche erleichtert die Eingabe für Properties des Additional-Properties-Sheets. An dieser Stelle kann nach dem Namen, Funktion oder Gruppe einer Property gesucht werden. Die passenden Einstellungen werden dann direkt angezeigt und können hier geändert werden.

Info Popup

An dieser Stelle finden Sie Hinweise auf die genutzte Version der graphomate treemaps sowie einen Link, mit dem Sie uns über Fehler und Feature-Wünsche informieren können. Unter Credits finden Sie eine Übersicht der von uns genutzten freien Bibliotheken.

Browser not supported