The Appearance settings give you the ability to control and update the styling of your Vizlib Gantt visualisation.
TABLE OF CONTENTS
- Alternate States
- Groups Layout
- Group Header Color
- Dimension Column Styling
- Event Bar Styling
- Milestone Styling
The Groups Layout settings (Figure 3) allow you to display headers with Show Headers in Parent Groups, display order numbers in the event bars with Show Order Number, and enable a display to Expand all.
Figure 3: Groups Layout
Group Header Color
Figure 7: Group Header Color
Dimension Column Styling
The width of the Dimension Column can be adjusted to suit the need of the text (Figure 8). The default layout is dynamic but unchecking the tick box called Automatic column sizing provides you with the option to change the width of the Dimension Column by the percentage of the width.
Figure 8: Group Header Color
The Dimension Groups can also be colored individually (Figure 9). The Dimension Colors are dynamic, so when you add more dimensions, additional coloring options are available.
Figure 9: Group Header Color
Event Bar Styling
Event Bar Styling setting control the appearance of the event bars (Figure 10). You can enable Bar labels, display them inside or outside the event bar, set the Font Size, the Event Bars Label Color, and a Character Limit. You can display a tag by selecting Show event tag on bar, set the Font Size, the Event tag color, Event tag position, display progress with Show Progress value in event and
Figure 10: Event Bar Styling
You can also use the Color by setting to apply a color scheme by Individual Event (using a color style palette), Expression (using an expression editor) or Event Groups (setting the Opacity of the event bars using the slider). Figure 11 shows a Color by Expression, where you can also Reverse colors or select Persistent colors.
Figure 11: Color by Expression
You can also choose to show Event Pins, setting the level of Pin Opacity, and use the Bars settings to Show events side by side, set the Event Bar Radius and choose to Enable Bar Shadow (Figure 12).
Figure 12: Event Pins and Bars
Figure 13 shows an example of coloring by Individual Event.
Figure 13: Color by Individual Event
Milestone Styling contains settings to apply a color scheme to any milestones in the chart (Figure 14). You can choose to Color by Individual Milestone (choosing a color scheme), Expression (entering an expression or choosing a color) or by Milestone Parent (color depends on the event the milestone is linked to.
Figure 14: Milestone Styling