Chart property: Heat Map

A heat map displays data in a matrix format where individual values are represented by varying colors. It’s particularly useful for visualizing the density or intensity of data points, often used to identify patterns, correlations, or anomalies in datasets (e.g., sales data, temperature changes, etc.).

Advance Properties of Heat Map Chart

The user must select at least one attribute and measure for the plotting chart. Based on your data and requirements, choose a chart. To customize the selected chart, click “Customization” to access the advanced properties.

General

In General, the user can customize the general properties of the chart. Users can customize the following options:

1. Show data labels:This shows the labels on the top of the bar; the user can enable or disable them by checking or unchecking the box.
2. Invert Chart: This feature in data visualization tools flips the axes of a chart, typically swapping the X-axis and Y-axis, or reversing the direction in which the data is presented.
3. Data Label Font Size: Refers to the text size used for data labels on a chart. It determines how large or small the text appears when displaying numerical values or labels directly on data points, bars, or other chart elements.
4. Data Label Color: This setting refers to the color used for the text of data labels displayed on a chart. It allows users to customize the appearance of the labels that accompany data points, bars, or other elements in a chart.
5. Enable Data Toggle: The user can enable or disable the data toggle by checking or unchecking the box. It will be implemented when publishing the chart, where the user can click the drop-down and select the option as per feasibility. For example, we have enabled the data toggle option by checking the box and published our dashboard, where we got the toggle for changing the discount from a number to a percentage.

Legends

In Legends, the user can customize the legend’s chart properties.

Users can customize the following options:

1. Show Chart Legends: Check or uncheck the box to enable or disable this option to show the chart legends. For example, in the image below, “Segment” is visible when we allow the chart legends.
2. Align Legends: The user can align the legends to the left, center, or right. For example, we have aligned the legends in the center so they are visible in the center of the chart.
3. Legends Position: The user can also change the legend’s position to the top, middle, or bottom. For example, we have selected the middle position for the legends.
4. Legend Layout: The vertical legend layout arranges legend items in a column, ideal for charts with many categories, while the horizontal legend layout arranges items in a row, best for charts with fewer categories or more horizontal space.

Color Axis

In the color axis, the user can customize the color of the chart axis.

Users can customize the following options:

1. Min color: This is the color that represents the lowest value in a data range. It typically corresponds to the smallest or least significant value.
2. Max color: This represents the highest value in the data range, corresponding to the largest or most significant value.

Tooltip

In Tooltip, the user can customize the tooltip properties of the chart. Users can customize the following options:

1. Enabled: To enable the tooltip in the chart, the user must check this box. After that, the user can see the tooltip when they hover over the chart.
2. Background Color: The user can change the tooltip background color.
3. Font Color: Now, the user can change the font color used in the tooltip to match the background color.
4. Border Radius: The user can also change the radius of the tooltip box to get the tooltip appearance as per feasibility.
5. Border Width: To change the border width of the tooltip, the user can increase the value, and the border width will increase accordingly.
6. Border Color: The user can also change the border color of the tooltip.

Value formatter

In the value formatter, the user can customize the properties.

Users can customize the following options:

1. Enable Thousand Separator: This will add a thousand separator to the value shown in the chart. For example, if the value is 285082, it will be shown as 285 082 after applying a thousand separator.
2. Formatting Type: The user can change the data format in the chart’s tooltip. The available formats are 123,456,789 and 12,34,56,789; the user can select the format.
3. Precision: Add the values shown after the decimal. For example, if the user enters 2,” the value will be shown as 7564.26″; if entered 3,” the value will be 7564.261.”
4. Abbreviation: The user can add an abbreviation to the value shown in the chart. Options available are none and auto.
5. Formatter Text: To add the format text with the value. For example, the user can enter “$” in the formatted text box if the value is in dollars.
6. Formatter Text Position: The user has two options to position the formatted text: Right and Left. For example, if the value is 285,082K and the user selects “Right,” the output will be shown as 285,082K$. If “Left” is selected, the output will be $285,082K.