Titles, display key, and footnotes


Updated at February 13th, 2020

You can customize the titles, footnotes and formats for any element.

The most direct way to edit the title, display key and footnote is to press on them, and when they turn editable, type in them directly.

More properties dialog...

Another way to edit the the properties is to press the edit icon and select "More properties".  This will bring up a dialog in which you can edit the properties directly:

Edit JSON dialog

Another approach is to edit the properties directly in JSON.  Here's a quick cheat sheet to common properties:


Specifies a different string to display in the element's header. This might be handy if the survey define a column with key s0 but you would prefer the user to see Specialty instead. In this case you might have:

   "key": "s0", 
   "displayKey": "Specialty"


Longer text that appears below the element header. For instance, the element specialty might have the title "Doctor, what is your primary specialty?"


If title text includes HTML (e.g. images, bold/italic, etc), showHTML will allow the text to be shown with:


color heritable

The color of the element icon. It may be any CSS named color (e.g. "color": "gold") or hexadecimal color code (e.g."color": "#FA0")

colors heritable

The colors of the chart. (e.g. stack chart) It may be any CSS named color (e.g. "color": "gold") or hexadecimal color code (e.g."color": "#FA0")

format heritable < object >

Translates raw values to human-readable strings for display. Underlying value is unchanged. Formats are directly comparable to SPSS value labels. Formats are specified as Javascript objects with the raw value as the key and the formatted string as the value, e.g.

   "format": {
       "AD": "Andora", 
       "AI": "Anguila", 
       "AG": "Antigua", 
       "AR": "Argentina", 

If no format is defined, then all raw values that appear in the data are displayed directly in the distribution. If a format is defined, then all formatted values appear in the distribution, whether or not they have data values. Values that exist in the data but are not defined in the format will appear under "Other".

You can toggle formatted value vs. raw value using the Format button.


Valid Values are: ("independent"|"compact"|"checkbox")

  • "independent"
  • "compact"
  • "checkbox"

Was this article helpful?