Example of undefined in Angular Chart Component

Keyboard shortcuts can be used to interact with chart functionality. In the example, various key combinations can be used to interact with a chart.

Quarterly Sales ChartJan - MarApr - JunJul - SepOct - DecQuarter 1Quarter 2Quarter 3Quarter 4
Description
The key combinations listed below can be used in the chart to initiate various actions.
  • FOCUS ELEMENTS
    • Alt + J - Moves the focus to the chart element.
    • Tab - Moves the focus to the next element in the chart.
    • Shift + Tab - Moves the focus to the previous element in the chart.
  • SERIES
    • Down arrow - Moves the focus to the data point left side from the selected point.
    • Up arrow - Moves the focus to the data point right side from the selected point.
    • Left arrow - Moves the focus to the next series in our chart.
    • Right arrow - Moves the focus to the previous series in our chart.
    • ESC - Cancel the tooltip for the data point.
    • Enter/Space - Selects the data point in the series.
  • Legend
    • Down/Left arrow - Moves the focus to the legend left side from the selected legend.
    • Up/Right arrow - Moves the focus to the legend right side from the selected legend.
    • Enter/Space - Toggles the visibility of the corresponding series.
  • ZOOMING AND PANNING
    • Ctrl + + - Zoom in the chart.
    • Ctrl + - - Zoom out the chart.
    • Down/Up arrow - Pans the chart vertically.
    • Left/Right arrow - Pans the chart horizontally.
    • R - Reset the zoomed chart.
  • PRINT
    • Ctrl + P - Prints the chart.