5.9. Interactive Chart Controls

In certain forms, users are provided access to interactive chart controls.

For those unfamiliar with using these controls, here are some key features to consider:

1. Chart Legend: This is a graphical element that provides a key for the data series displayed in the chart.
   
   • It includes color-coded labels or symbols that correspond to the data being displayed. Users can refer to the legend to better understand the data represented in the chart.
2. Chart Tooltip: This is a graphical element that appears when the user hovers over a data point or marker in the chart.
   
   • It displays additional information about the data point, such as the label, value, or other contextual details. Users can use the tooltip to gain more insight into the data represented in the chart.
3. Drilldown Reports: These are data reports that users can access by double-clicking on the different data points in the chart. They allow users to navigate from the summary report visualized by the chart to the detailed report that created it.
   • For example, double-clicking the sector of the pie chart representing audits that have been completed on time reveals the following modal window:
     

!In these drilldown reports, filters applied to grids persist across transitions. This means that users’ filter settings are saved in local storage, remaining consistent even when switching between charts. To reset the grid filtering, users must either manually clear the filter within the interface or reset their browser’s local storage.

4. Chart Context Menus: These are hamburger buttons which, when collapsed, display a list of options that allow users to either print or download the chart.
   • Icon:
   • If selected, it will display the following menu:
     
     • From the menu, users can choose to download the chart as a PNG image, JPEG image, SVG vector image, text file, or XLS file.