Heatmap Properties
Use the Vizlib Heatmap properties panel to configure data and dimensions, customize appearance, set reference lines, and manage interactivity and alternate states.
Data, Sorting and Data Handling
When you're working with the data in Vizlib Heatmap, you can apply changes in the Data, Sorting and Data Handling settings.
Data - Dimensions and Measures
The Data section contains settings for the dimensions and measures in the heatmap.
Vizlib Heatmap supports two dimensions, one for the X Axis and one for the Y Axis. You can choose to Include null values, set a Limitation from the drop-down (you can choose between a a fixed number (e.g. top 10 values only), an exact value and a relative value (e.g. show the top 50% of results). You can also add alternative dimensions by clicking Add alternative. There's more information about alternative dimensions in the Best Practice article.
Figure 1: Dimensions
Vizlib Heatmap also supports two measures, the first controls the color and the second is displayed as you hover over the heatmap. You can choose to enable Master measure formatting, which means that formatting properties will be inherited from the master item used by the measure, and select a Number formatting option.
Figure 2: Measures
Sorting
The Sorting settings allow you to customize the sort method used. You can Sort by expression, Sort numerically or Sort alphabetically. You can find more information on sorting in Qlik Sense here.
Figure 3: Sorting
Data Handling
With Data Handling, you can choose to Suppress Zero Values, if you don't need them to be displayed, enter a Calculation condition which needs to be met for the heatmap to make any calculations, and customize a Displayed message for the condition.
Figure 4: Data Handling
Appearance
The Appearance settings control the look and feel of your heatmap, helping you apply custom features and colors.
General
With General settings, you can choose to Show titles, entering a Title, Subtitle, Footnote and select to Toggle off hover menu.
Figure 5: General
Heatmap Settings
With Heatmap Settings, you can show or hide Measure values, set the Values Font Size and set the Mode for the heatmap (Size to Data or Full Size Expand). You can also choose to customize the Scale for the heatmap, setting a Min. Scale Value and Max. Scale Value, choose to Hide values outside scale, and set a Tile Radius.
Figure 6: Heatmap Settings
Rows
Rows settings manage the rows in the heatmap, showing the Rows title, and setting the Title Color, Title Size, Title Font Size, Font Family, Dimension Font Style. You can also display alternative dimensions with Show Alternative Count and choose to Show drilldown breadcrumbs.
Figure 7: Rows
You can also show Dimension labels, setting the Labels position, Labels color, Labels Font Size, Font Style and Label char limit.
Figure 8: Dimension Labels
Columns
Columns settings manage the columns in the heatmap, showing the Columns title, Title Color, Title Size, Title Font Size, Font Family, Dimension Font Style. You can also display alternative dimensions with Show Alternative Count and choose to Show drilldown breadcrumbs.
Figure 9: Columns
You can also show Dimension labels, setting the Labels position, Labels color, Labels Font Size, Font Style and Label char limit.
Figure 10: Labels
Colors
Colors in Vizlib Heatmap allow you to choose between three different Coloring Types: Gradient (choosing from a range of color schemes), Sequential (choosing from a color palette or defining colors via the expression field and set a range with from and to values), and Expression (set the color using a standard Qlik Sense expression). The following figure shows a gradient color setting, including options to Reverse Colors in the display and set a Null Value Color.
Figure 11: Colors
Legend
The Legend settings control the legend in the chart. If you Show a legend, you can set the Legend Orientation, Legend Position, Legend Size, Legend Values and choose the Value labels detail. You can select a Legend Value Format from the drop-down, and choose a Negative Format.
Figure 12: Legend
You can also choose to Enable Animations, show a Measures title, and set the Title Color, Title Font Size, Font Family, and Measures Font Style. You can also display alternative measures with Show Alternative Count and choose to Show drilldown breadcrumbs.
Figure 13: Enable Animations, Title
Reference Lines
If there's something you need to highlight in your heatmap, you can add a Reference Line.
Reference Lines
When you add reference lines to your heatmap, you'll see the number you've added displayed in the header for the property panel settings.
Figure 14: Reference Lines
Label
When you add a reference line you can enter a Dimension Value, and a Label. You can also add a Font Color, Font Size, Text Opacity, Font Style, Label Position and the Horizontal Align.
Figure 15: Label Settings
Line
With the settings for the Line, you can set the Line Color, Line Width, Line Opacity, Line Style, Line Position, and choose to Always show the reference line, or enter a calculation condition, which only displays the line when the condition is met.
Figure 16: Line
Example
The following figure shows an example of a heatmap with two reference lines: Top 5 Customers and Promotion.
Figure 17: Example
Interactivity and Alternate States
These settings control how users navigate through the heatmap and allow you to assign it to an alternate selection state.
Interactivity
Interactivity settings control how users navigate through the heatmap, and how they interact with the chart data. You can Allow Selections or keep the chart in read-only mode, enable Tooltips on hover, setting a Tooltip Color, entering your own Custom Tooltip and opting to Include labels and values.
Figure 18: Interactivity
You can also choose to show Guidelines on the heatmap when hovering on a specific cell, setting the Guidelines Color, Guidelines Thickness and choosing to Highlight current cell. You can also enable Animations, show a Full Screen Icon and a Snapshot Icon.
Note: Snapshot Icon settings are now controlled in the Hover menu for Qlik Sense Releases after September 2020.
Figure 19: Guidelines
Alternate States
Alternate States permit you to assign the Vizlib Heatmap to an alternate selection state. You can use alternate states to perform comparative analysis between sets of multiple data items, and if you want to add the object to master visualizations, you need to set State to Inherited. You can also choose to show or hide the Alternate State Icon. You can find more information about working with alternate states here.
Figure 20: Alternate States