This page describes how to change the look and feel of the traceability graphs.

 

Currently, only the colors may be changed using the configuration file.

Referring to a color the following way:

graph.footer-text=255,0,0

It's also possible to set properties specific for a global or local graph type:

graph.local.header-background=130,170,110

or

graph.global.header-background=130,170,110

 

An example:

graph.graph-background=128,128,128
 
# Increase gradient decoration contrast
graph.color-contrast=25
 
graph.trade-unit=210,100,190
graph.batch=190,100,10
 
# Add gradients to trade-units.
graph.trade-unit-right-lower=0,0,0
graph.trade-unit-main-lower=0,0,0
 
graph.internal-header-background=0,160,0

 

Results in the following image:

 

Configuration variables

Font keys

COLUMNS, ELEMENT_ORGNAME, ELEMENT_NODENAME, ELEMENT_TRACEABLE, ELEMENT_GROUP_COUNT, FOOTER, GAN_ERROR

Size keys

ICON_WIDTH, ICON_HEIGHT, ICON_MENU_WIDTH, ICON_MENU_HEIGHT, ICON_TABLE_WIDTH, ICON_TABLE_HEIGHT, TRADE_UNIT_HORIZONTAL_PADDING, TRADE_UNIT_VERTICAL_PADDING, TRADE_UNIT_HORIZONTAL_SPACING, TRADE_UNIT_VERTICAL_SPACING, TRADE_UNIT_HEIGHT, TRADE_UNIT_WIDTH, BATCH_HORIZONTAL_SPACING, BATCH_VERTICAL_SPACING, BATCH_HORIZONTAL_PADDING, BATCH_VERTICAL_PADDING, BATCH_HEIGHT, BATCH_WIDTH, BATCH_CENTER_RATIO, INTERNAL_HEADING_HEIGHT, INTERNAL_HEADING_TILT_LABEL_WIDTH, INTERNAL_HEADING_TILT, HEADING_HEIGHT, FOOTER_HEIGHT, STREAM_DIVIDER_WIDTH, SHADOW_OFFSET_X, SHADOW_OFFSET_Y, UPSTREAM_GRADIENT_WIDTH, DOWNSTREAM_GRADIENT_WIDTH, HEADING_DECORATION_SIZE, HEADING_DECORATION_TYPE, HEADING_DECORATION_GAP, INTERNAL_HEADING_TILT_EXTRA_WIDTH, SELECTION_MARK_DISTANCE, SELECTION_MARK_THICKNESS, SELECTION_MARK_LENGTH, GAN_HORIZONTAL_OUTSIDE_PADDING, GAN_VERTICAL_OUTSIDE_PADDING, GAN_HORIZONTAL_INSIDE_PADDING, GAN_VERTICAL_INSIDE_SPACING, GAN_VERTICAL_INSIDE_PADDING, GAN_VERTICAL_OUTSIDE_SPACING, GAN_HORIZONTAL_OUTSIDE_SPACING, GAN_HORIZONTAL_INSIDE_SPACING, GAN_ROUNDING, GLOBAL_ROUNDING, FOOTER_SEPARATOR, HEADING_SEPARATOR, SELECTION_THICKNESS, SELECTION_OFFSET, GROUPING_STACK_HEIGHT, GROUPING_STACK_OFFSET_Y, GROUPING_STACK_OFFSET_X, ICON_SPACING, OUTER_BORDER, LOCAL_GAN_BORDER, ICON_BUTTON_HEIGHT, ICON_BUTTON_WIDTH, GRAPH_AIR_TOP, GRAPH_AIR_BOTTOM, LOCAL_GAN_UPSTREAM_GRADIENT_WIDTH, LOCAL_GAN_DOWNSTREAM_GRADIENT_WIDTH, LOCAL_GAN_STREAM_DIVIDER_WIDTH, LOCAL_GAN_HEADER, DPI_OVERRIDE

Color keys

LOCAL_GRAPH_BACKGROUND, GLOBAL_GRAPH_BACKGROUND, TRADE_UNIT, BATCH, SHADOW, SELECTION_MARK, SELECTION, INTERNAL_HEADER_BACKGROUND, INTERNAL_HEADER_TEXT, UPSTREAM_BACKGROUND_RIGHT, UPSTREAM_BACKGROUND_LEFT, DOWNSTREAM_BACKGROUND_RIGHT, DOWNSTREAM_BACKGROUND_LEFT, STREAM_DIVIDER, ELEMENT_LABEL, BATCH_BORDER, BATCH_UPPER, BATCH_LOWER, BATCH_CENTER_BORDER, BATCH_CENTER_UPPER, BATCH_CENTER_LOWER, BATCH_FOCUS_BORDER, BATCH_FOCUS_UPPER, BATCH_FOCUS_LOWER, BATCH_FOCUS_CENTER_BORDER, BATCH_FOCUS_CENTER_UPPER, BATCH_FOCUS_CENTER_LOWER, TRADE_UNIT_BORDER, TRADE_UNIT_MAIN_UPPER, TRADE_UNIT_MAIN_LOWER, TRADE_UNIT_LEFT_UPPER, TRADE_UNIT_LEFT_LOWER, TRADE_UNIT_RIGHT_UPPER, TRADE_UNIT_RIGHT_LOWER, TRADE_UNIT_FOCUS_BORDER, TRADE_UNIT_FOCUS_MAIN_UPPER, TRADE_UNIT_FOCUS_MAIN_LOWER, TRADE_UNIT_FOCUS_LEFT_UPPER, TRADE_UNIT_FOCUS_LEFT_LOWER, TRADE_UNIT_FOCUS_RIGHT_UPPER, TRADE_UNIT_FOCUS_RIGHT_LOWER, HEADER_BACKGROUND, HEADING_DECORATION, FOOTER_BACKGROUND, FOOTER_TEXT, BACKGROUND, HEADER_HIGHLIGHT, GAN_BORDER, GAN_UPPER, GAN_LOWER, ELEMENT_GROUP_COUNT, ELEMENT_GROUP_COUNT_BORDER, GLOBAL_ROUNDING, GAN_LABEL, TRADE_UNIT_CLUSTER, TRADE_UNIT_FOCUS_CLUSTER, ICON_BACKGROUND, ICON_MENU_BACKGROUND, ICON_TABLE_ODD_BACKGROUND, ICON_TABLE_EVEN_BACKGROUND, TRANS_TREE_ICON, GLOBAL_TREE_ICON, STATION, STATION_BORDER, STATION_DECOR, LOCAL_GAN_BORDER, LOCAL_GAN_LOWER, LOCAL_GAN_UPPER, OUTER_BORDER, TRADE_UNIT_HIGHLIGHT, ICON_BUTTON_UPPER_BACKGROUND, ICON_BUTTON_LOWER_BACKGROUND, LOCAL_GAN_UPSTREAM_BACKGROUND_RIGHT, LOCAL_GAN_UPSTREAM_BACKGROUND_LEFT, LOCAL_GAN_DOWNSTREAM_BACKGROUND_RIGHT, LOCAL_GAN_DOWNSTREAM_BACKGROUND_LEFT, LOCAL_GAN_STREAM_DIVIDER, LOCAL_GAN_HEADER_BACKGROUND, LOCAL_GAN_HEADING_DECORATION, LOCAL_GAN_HEADER_HIGHLIGHT, LOCAL_GAN_ALPHA, TRANSPARENT, EVENT,EVENT_BORDER