Highcharts键盘导航功能失效求助：按API文档配置仍无法使用

1. 先修正配置语法错误 #

你的代码里seriesNavigation:{ mode:'normal' }行末尾缺了分号，JS解析错误会直接导致功能失效。修正后的配置片段：

plotOptions: { 
  series: { 
    allowPointSelect: true 
  }
},
accessibility: {
  keyboardNavigation: {
    enabled: true,
    seriesNavigation: {
      mode: 'normal'
    }
  }
}

2. 手动设置图表初始焦点 #

Highcharts不会自动给图表容器添加焦点，需要在图表加载完成后手动处理：

chart: {
  events: {
    load: function() {
      // 给容器添加tabindex属性，使其成为可聚焦元素
      this.container.setAttribute('tabindex', '0');
      // 触发焦点定位
      this.container.focus();
    }
  }
}

3. 检查版本与依赖兼容性 #

• 确认使用的Highcharts版本在v7.0以上，低版本没有完整实现该键盘导航功能
• 确保项目中正确引入了Highcharts的accessibility模块（部分CDN包默认包含，自定义打包时需手动添加）

4. 验证键盘操作逻辑 #

配置mode:'normal'后，正确操作流程是：

• 按Tab键将焦点移到图表容器
• 按Enter或Space激活导航模式
• 用方向键（←/→/↑/↓）切换系列或数据点
• 按Enter选中当前聚焦的点

内容的提问来源于stack exchange，提问作者user3916928