[Vue3] highcharts 적용 중 warning 발생 해결

이나원·2026년 2월 12일

트러블슈팅

목록 보기
12/13

warning 문구
Highcharts warning: Consider including the "accessibility.js" module to make your chart more usable for people with disabilities. Set the "accessibility.enabled" option to false to remove this warning.

차트 개발을 위해 highcharts 라이브러리를 사용하다가 해당 워닝을 만났다면, 해결 방법은 아주 간단하다!

해결 방법

프로젝트 내 highcharts.setOptions 를 통해 옵션을 설정해준 부분이 있을 것이다.
해당 파일에 들어가 아래와 같이 옵션을 추가해주면 된다!

highcharts.setOptions({
  time: {
    timezone: 'Asia/Seoul',
  },
  exporting: {
    enabled: false,
  },
  global: {
    useUTC: false,
  },
  chart: {
    style: {
      fontFamily: "'Lato', 'Noto Sans KR', sans-serif",
    },
  },
  // accessibility 옵션 추가!!
  accessibility: {
    enabled: false,
  },
});
profile
프론트엔드 개발자로 재직 하면서 겪은 개발 과정을 기록하는 곳입니다 🙌

0개의 댓글