Annotations

Annotations are a great way to add context and capture perspective in your dashboards. Multiple users can collaborate to provide a full picture of the data being visualized.

1. Adding annotations

Select the element, then click the Annotate button > Create. You can create annotations at the canvas level or for specific data points, depending on where you place them. Use the rich text editor to format and highlight your annotations. You can also assign a color for each annotation indicator.

Adding annotations

2. Hiding annotations

Select an element and click Hide All to hide all the annotations in a particular element. Notice how all the annotations in the pie chart are hidden. To make them visible again, click the Hide All option once more.

Hide all option

Annotations hidden in the pie chart

3. Annotation settings

Indicator display

Set the style and size of the annotation indicator.

Lettered annotation indicators

Priority-based annotatation indicators

4. View all annotations

Select the All comments option to view all the annotations added to your dashboard.

Viewing all annotations

5. Display all annotations

Click the Comments option from the Insert element dropdown menu to add an annotations pane in your storyboard. The Annotations pane captures all the element-level as well as dashboard-level comments in a single space.

Adding a comments pane

You can add a comments pane from the settings for other elements like charts/cards/tables, etc. Click Annotate > All comments and click the Add Comments Pane link.

Alternate method to add a comments pane

Customizing the Comments pane

• Font style: Set the font family, style, and color.

Customizing the font

• Wrap text: Enable to display the entire content for long annotations.

Wrap text

• Border: Set the border color and thickness. You can also choose to have a border on a particular side only.

Border customizations

• Corner: Specify the corner radius for each comment. You can opt for uniformly rounded corners on all edges or specific corners only.

Corner radius

• Fill: Set a background color to highlight your comments.

Fill color

• Shadow: Improve readability by adding shadow borders.

Shadows

• Icon: Set the color and size of the edit and delete icons.

Set icon color and size

• Marker: Set a uniform format, size, and color for all the comment indicators.

Markers

5. Animated annotations

The animated annotations feature zooms in on each chart and showcases every comment in your storyboard, ensuring that important details are not overlooked.

Enable the Present toggle in the Comments pane configuration to animate your annotations in reading mode.

Present option for annotations

Animated annotations in read view:

Animated annotations in Analytics+

6. Adding dashboard-level annotations

Click the Add link in the comments pane to add dashboard-level comments that add context to the entire storyboard rather than a specific data point.

Dashboard level annotations