Modifying look and feel options of the treemap field
tm.bg.color
Description: Sets the background color of the field (includes the color between groups).
Value: Any hexadecimal color value.
Example: "tm.bg.color": "ffffff",
tm.cell.gutter.size
Description: Sets the width of the gutter space between cells in the treemap.
Value: Any integer pixel value greater than or equal to 0.
Example: "tm.cell.gutter.size": "0",
tm.cell.indicator_track.loc
Description: Sets the location of the tracking icon on the cell.
Value: Any of the following:
- c - center (default)
- ct - center top
- tl - top left
- tr - top right
- br - bottom right
- bl - bottom left
Example: "tm.cell.indicator_track.loc": "c",
tm.cell.size.abs
Description: Sets size to map to absolute values of data values.
Value: true – maps size to absolute values
false – maps size to actual values (default)
Example: "tm.cell.size.abs": "false",
tm.cell.size.invert
Description: Inverts the size of cells: the smallest values will be the largest cells.
Value: true – inverts the values
false – does not invert the values (default)
Example: "tm.cell.size.invert": "false",
tm.cell.size.min
Description: Sets the minimum width or height of a cell in pixels. No cell will be narrower or shorter than this value.
Value: Any integer pixel value.
Example: "tm.cell.size.min": "10",
tm.cell.size.min.enforce
Description: Allows designers to toggle the enforcement of min cell size (tm.cell.size.min). A value of “true” will ensure that min cell size is enforced.
Value: t/f/true/false/1/0
Example: "tm.cell.size.min.enforce": "true",
tm.cell.size.ratio
Description: Sets an approximate ratio between the smallest and largest cells in the field.
Value: There are three options:
0 – this parameter is ignored
1 – all cells are the same size
2-50 – cells will scale between relatively similar in size (2) and significantly dissimilar in size (50)
Example: "tm.cell.size.ratio": "8",
tm.cell.type
Description: Adjusts the look of each cell.
Value: 0,3,4
| 0 | No adjustments are made. The cell is a solid color. |
|---|---|
| 1 | Not used in current version of Flaremap JS. |
| 2 | Not used in current version of Flaremap JS. |
| 3 | Applies a gradient starting in the upper-left corner (lighter) and modulating to the lower-right corner (darker). |
| 4 – default | Applies a gradient starting in the upper-left corner (darker) and modulating to the lower-right corner (lighter). |
Example: "tm.cell.type": "3",
tm.color.logscale
Description: Sets all color options to use a logarithmic color scale.
Value: true/t/1 (forces all color options to use a logarithmic color scale) or false/f/0 (default, all color options use a linear color scale).
Example: "tm.color.logscale": "false",
tm.failure_message.text
Description: Sets the message that appears when a filter operation results in no cells to be displayed.
Value: Any string.
Example: "tm.failure_message.text": "No data to display.",
tm.font.size.{font_name}
Description: Defines the font size – where {font_name} is a unique name used internally to reference a font option.
Value: An integer font size.
Example: "tm.font.size.medium": "11",
tm.group.bg.color.default
Description: Sets the background color of the group.
Value: Any hexadecimal color value.
Example: "tm.group.bg.color.default": "3a3a3a",
tm.group.padding.default
Description: Sets the default padding size for all groups.
Value: Any integer pixel value greater than or equal to 0.
Example: "tm.group.padding.default": "10",
tm.group.gutter.size.default
Description: Sets the default size of the gutter between groups.
Value: Any integer pixel value greater than or equal to 0.
Example: "tm.group.gutter.size.default": "1",
tm.group.label.color.default
Description: Sets the color of the text used on group names.
Value: Any hexadecimal color value.
Example: "tm.group.label.color.default": "ffffff",
tm.group.label.font.default
Description: Sets the font size used on group titles.
Value: Any font defined by one of the tm.font.size.{font_name} parameters.
Example: "tm.group.label.font.default": "size11",
tm.group.label.heading_tags
Description: Adds HTML heading tags to group labels. The group label of the parent-level group will be surrounded by the <h1></h1> tag. The header tags of subsequent child groups will increment by one. The heading tags are inserted into the code and are not visible to the end users. However, the heading tags can be useful for people navigating the treemap with screen readers.
Value: “true” or “false”
Example: "tm.group.label.heading_tags": "true",
auto_layout
Description: When enabled, the application layout will be automatically modified to best fit the device type and screen size (e.g. a mobile layout will be used when a mobile device is detected). By default this parameter is set to “on”.
Value: “on” or “off”
Example: "auto_layout": "off",
tm.live_url
Description: Enables the Live URL feature. See section 8.1 for more details.
Value: “on” or “off”
Example: "tm.live_url": "off",