5.8. 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 visual key or guide for interpreting the data series depicted in the chart.
   
   

   **Comprising color-coded labels or symbols, it facilitates quick and easy correlation between elements within the chart, enhancing users’ comprehension and analysis of the data presented.

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 element, such as the label, value, or other contextual details, enabling users to gain deeper insights into the charted data.
   
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.