Chart component keyboard event support.

[Ferg]

Hi All,

IS there any chance to add keyboard event support like tab stop for Chart component interaction events?

 

Or is there any demo to best practice of doing that?

[Konstantin Dikov]

Hello Ferg,

Currently the Chart component does not expose onKeyDown event, but it is possible to manually attach event listener to the SVG element. I have prepared an example demonstrating such custom implementation:

• https://stackblitz.com/edit/react-zgihry?file=app%2Fmain.jsx

As you will notice, I am also setting the tabIndex to the SVG element to "0", so it can be focusable.

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik