如何在Highcharts高级无障碍图表中启用滚动功能

Highcharts 官方高级无障碍模块启用时，会默认禁用未做键盘交互适配的UI组件，原生滚动条默认未开启无障碍适配，因此会强制覆盖scrollbar.enabled: true配置，属于内置的兼容逻辑，并非配置错误。

可落地的解决方案如下：

• 官方推荐兼容方案（保留无障碍能力）
  同步开启无障碍模块的滚动条适配开关，无需修改其他逻辑，滚动条会自动适配键盘导航、屏幕阅读器播报等无障碍能力，配置示例如下：

  {
    accessibility: {
      enabled: true,
      // 新增该配置开启滚动条的无障碍适配
      scrollbar: {
        enabled: true
      }
    },
    scrollbar: {
      enabled: true,
      // 其余原有滚动条配置保留即可
      barBackgroundColor: '#ccc'
    }
  }
  

• 临时调试方案（无无障碍适配，不建议线上公开场景使用）
  若无需兼容无障碍标准，可在图表加载完成后手动强制启用滚动条，覆盖无障碍模块的默认限制：

  {
    chart: {
      events: {
        load: function () {
          this.scrollbar.setEnabled(true)
        }
      }
    },
    // 其余原有配置保留
  }
  

• 依赖排查方案
  确认项目已引入滚动条对应的依赖模块：Highcharts 基础版默认不包含滚动条能力，需额外引入highcharts/modules/stock模块，该依赖要求在无障碍模式下同样生效，未引入模块时所有滚动条配置都会失效。

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