This page will help you use the Appearance settings to change the styling of your Vizlib Gantt visualization.

TABLE OF CONTENTS

• General
• Alternate States
• Groups Layout
• Group Header Styling
• Dimension Column Styling
• Event Bar Styling
• Milestone Styling

General

In the General tab (Figure 1), you can:

• show or hide a title, subtitle, and footnotes. 
• add title details using the expression editors. 
• use the slider to Show details of the chart; its descriptions, measures, and dimensions.

Figure 1: Use the General section to manage titles

Back to Contents

Alternate States

Alternate States has settings related to adding the object to master visualizations (Figure 2). You can find more about alternate states in the Qlik documentation. 

There are two options:

• inherited - the state defined for the sheet is used.
• default state - the state where no alternate state is applied.

Figure 2: Alternate States

Back to Contents

Groups Layout

The Groups Layout settings (Figure 3) let you choose to: 

• display headers with Show Headers in Parent Groups. 
• display order numbers in the event bars with Show Order Number.  
• >enable a display to Expand all. 

Figure 3: Groups Layout

Figure 4: Show Headers in Parent Groups

Figure 5: Show Order Number

Back to Contents

Group Header Styling

Group Header Styling uses the Color by setting to change the way color is applied to your group headers. The options to Color by include: 

• Expression - sets a single color or palette defined as comma-separated values (CSV). Select a single color for Group Bars and Group Bars Label color. You can also adjust the Character Limit. 
• Group - to set a different color for each group header. Select from the palette options displayed.
• Group Hierarchy - to set a different header color for the highest level of each group.

Other style and formatting options for Groups include: 

• Selecting Reverse Colors or Persistent Colors (the color does not change when Persistent is selected).
• Adjusting the Font size using the slider or expression editor. 
• Selecting the Group Bars Label Color using either the color palette or enter the Hex code in the expression editor.
• Character Limit - the default is no limit. 

Figure 6 shows a color by Group setting. Figure 7 shows the other style options, and Figure 8 shows an example of color by Expression. 

Figure 6: Group Header Color - Group options.

Figure 7: Group Header - Text and color formatting options. 

Figure 8: Group Header Styling - Color by Expression.

Back to Contents

Dimension Column Styling

The width of the Dimension Column can be adjusted to suit the need of the text (Figure 9). 

The default layout is dynamic; clicking the check box beside Automatic column sizing allows you to change the width of the Dimension Column by a percentage of the default width.

Figure 9: Dimension Column Styling - adjusting width

The Dimension Groups can also be colored individually (Figure 10). The Dimension Colors are dynamic, so when you add more dimensions, additional coloring options are available. The groups are labeled 1st (first), 2nd (second) colors, and ongoing. 

The options to edit include: Text color, Background color, and Background Opacity. As with the other Appearance options, you can edit the color from a palette or enter a Hex code. Use the slider to adjust background opacity.

Figure 10: Group Header Color

Back to Contents

Event Bar Styling

The Event Bar Styling setting controls the appearance of the event bars (Figure 11). Style setting options include:

• Enabling Bar labels, and choosing to display them Inside or Outside the event bar.
• Setting the Bar height to Auto or Custom. Selecting Custom displays a slider and expression editor for the pixel size. A checkbox to Wrap label also displays.
• Setting the Font Size using the slider or expression editor.
• Selecting the Event Bars Label Color using either the color palette or entering the Hex code in the expression editor.
• Setting a Character Limit using the slider. 
• Selecting Show event tag on bar - then setting the Font Size using the slider, the Event tag color, and the Event tag position.
• Displaying the Show Progress value in event, which includes an option to display them Inside or Outside the event bar.
• Setting Color by an Individual Event (using a color style palette), Expression(using an expression editor), or with Event Groups  (setting the Opacity of the event bars using the slider).

Figure 11: Event Bar Styling options

Figure 12 shows a Color by Individual Event, where you can also Reverse colors or select Persistent colors.

Figure 12: Event Bar Styling - Color by Individual Event

You can also choose to show Event Pins, and set the level of Pin Opacity. Use the Bars settings to Show events side by side, set the Event Bar Radius, and choose to Enable Bar Shadow (Figure 13).

Figure 13: Event Pins and Bars

Figure 14 shows an example of coloring by Individual Event. 

Figure 14: Color by Individual Event

Milestone Styling

Milestone Styling contains settings to apply a color scheme to any milestones in the chart (Figure 15). 

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 15: Milestone Styling

Back to Contents