Viztips brings the Vizlib KPI Designer into other extensions, as a rich, fully customisable tooltip. Viztips now supports all Vizlib KPI Designer layer types - Text, Icon, Image, Line, Bar Chart, Line Chart, Bullet Chart, Gauge Chart, Pie Chart, Sankey Chart, Master Item, Icon Bar and Waterfall.
TABLE OF CONTENTS
- Getting Started
- Step-by-Step Tutorial
- Using Viztips with Existing Set Analysis
- Dynamic labels for Viztip tool-tips
- Known Limitations
The tooltip shown when the cursor hovers over a field is based on the dimension. We've got some example layers here. Figure 1 shows the dimension Country within a table, Figure 2 shows the dimension Product Group within a bar chart.
Figure 1: Viztips Example Country
Figure 2: Viztips Example Product Group
To use Viztips, your Vizlib KPI Designer must be a master item. Each time you want to return a value related to the item you are hovering over, you can use the following type of expression. This works well for measures, and vl_viztipsSet is replaced by the value you've selected.
=sum( $(vl_viztipsSet) Sales)
So if you used Country as a value and hovered over USA, the expression here would show the Sales figures for the USA.
Best for Strings/Dimension
=maxstring( $(vl_viztipsSet) [Sales Person] )
- Open your app in Edit mode, create a Vizlib KPI Designer object, and choose a template or create your own (in the last step this created the variable, so we have something to work with).
Figure 3: KPI Designer Object
- Enable Viztips in the property panel of your chosen chart.
Figure 4: Viztips Enabled
- Add/write expressions to be used by Viztips (you can base them on the expressions we used in Getting Started).
Note: If you have already created a set analysis, please read through the section Using Viztips with Existing Set Analysis.
Figure 5: Add Expressions
- Add the KPI Designer object as a master item.
Figure 6: Add to Master Items
- Select the KPI Master item
Figure 7: KPI Master Item
- Hover over your chart dimension to see your Viztip
Figure 8: Viztip Displayed on Hover
Using Viztips with Existing Set Analysis
If you have your own set analysis and want to work with Viztips, the type of formula we've below will work. Make sure this occurs in the set, but also note that the variable in use is different. If you've already applied a set analysis, you should use the vl_viztipsInlineSet variable in the expression here.
Note: If you're using set analysis, you will need to apply the Viztip variable of set analysis to the master item source chart as well as the KPI Designer.
Dynamic labels for Viztip tool-tips
You can support 2 different Viztips variables within a set analysis. We've set out a couple of examples in this section for you. Dimensions are named consecutively, based on the hierarchy they are displayed in, so simply use variable 01 first, then 02.
- vl_viztipsFieldName01 - shows a string for the Field name hovered over
- vl_viztipsFieldValue01 - shows a string for the value being hovered over
- When editing Vizlib KPI Designer master item objects used in Viztips, always try to refresh after making changes since some configurations may be cached. Some changes may be visible immediately, but this is dependent on Qlik Sense refresh settings, which may vary between versions.
- Viztips applies to all measures shown within a chart - it cannot be configured per measure. Whilst Viztips is enabled, Custom HTML tooltips will be disabled.
- When cloning apps with Viztips, users may need to expand the Viztips section of the property panel for it to be configured in a new app