Substitution variables can be used in chart tips, component titles and table column headings.

Each variable has the format ${variableName}.

The dollar sign and curly brackets ${} indicate that the text is a variable.

A simple example of a variable might be for the current indicator name ${indicatorName}.

When the user selects a new indicator the text ${indicatorName} will be automatically substituted with the name of the selected indicator.

The variables can be combined with regular text like this.

${indicatorName} for date ${date}.

Simple html elements may be used to format your text. In this example the indicator name is placed on a new line and written in bold.

${themeName} <br/> <b>${indicatorName}</b>.

You can also use conditional statements. This one checks if a filter has been set and writes out ‘The filter value is’ if that is the case.

${notEmpty(filterName, ‘The filter value is’)} ${filterValue}

For further details on the substitution variables available see the section ‘Substitution Variables‘ in the IA Resource Library.