Highcharts 饼图的个别部分没有获得焦点。工具提示不显示在焦点上

Question

我有几个饼图，其中几个部分，例如这个：

• Pie chart example
• With hover on section
• With focus on section
• Pie chart sandbox demo with custom function that adds tabindex

但它几乎没有问题：当我尝试使用“Tab”按钮到达任何部分时，它不会获得任何焦点，并且，如果我在 devTools 中手动添加 tabindex="0" 工具提示不会' t 显示在焦点上，有什么办法可以解决它（焦点和工具提示的这两个问题）？

Answer 1

首先 - 我鼓励使用 Highcharts 完全支持的官方 Highcharts react 包装器 - https://github.com/highcharts/highcharts-react

要通过键盘导航图表，您需要附加accessibility module - https://www.highcharts.com/docs/accessibility/accessibility-module

演示：https://jsfiddle.net/BlackLabel/8jL40mvb/