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

Question

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

• 饼图示例
• 悬停在部分
• 以部分为重点
• 带有添加 tabindex 的自定义功能的饼图沙盒演示

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

标签： javascripthighchartsangular2-highcharts

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/