RealChart v1.5.0 출시. 릴리즈 노트 →
가이드
릴리즈
v1.5.0

v1.5.0

✨ 기능 개선

모바일 터치 기본 동작 변경

  • 차트 영역에 touch-action: pan-y가 기본 적용됩니다.
  • 기존: 차트 위에서 페이지 가로 스크롤과 브라우저 핀치 줌이 동작했습니다.
  • 변경: 세로 스크롤만 허용하고 가로 팬과 브라우저 핀치 줌은 차트가 가져갑니다.

followTouch (opens in a new tab) 기본 활성화

  • 기존: 모바일에서 플롯 위를 한 손가락으로 끌면 페이지가 스크롤되었습니다.
  • 변경: 툴팁과 crosshair가 손가락을 따라가고 페이지 스크롤은 차단됩니다.
  • 차트가 화면을 가득 채우는 경우 한 손가락으로 페이지를 스크롤할 수 없게 되므로, 필요하면 tooltip.followTouch를 false로 설정해 이전 동작으로 되돌릴 수 있습니다.
tooltip: {
  followTouch: false
}

같은 포인트 재탭 동작 변경

  • 기존: 툴팁이 떠 있는 포인트를 다시 탭하면 onPointClick, onSeriesClick이 호출되었습니다.
  • 변경: 재탭은 툴팁을 닫는 동작으로 소비되고 클릭 콜백은 호출되지 않습니다.

드래그 zoom (opens in a new tab) 적용 범위 변경

  • 기존: 드래그로 확대하면 차트의 첫 번째 x축에만 적용되었습니다.
  • 변경: 해당 영역에 연결된 모든 x축에 적용됩니다. 분할 차트나 x축이 여러 개인 구성에서 결과가 달라집니다.

확장 모듈 등록 방식 간소화

  • 확장 모듈을 import 하는 것만으로 등록이 끝납니다. 등록 함수를 따로 호출할 필요가 없습니다.
  • 기존 방식(등록 함수 호출)도 그대로 동작하므로 사용 중인 코드를 고치지 않아도 됩니다.
  • 자세한 내용은 모듈 사용 가이드 (opens in a new tab)를 참고하세요.
import * as RealChart from 'realchart';
import 'realchart/heatmap';   // 이 한 줄로 heatmap 시리즈를 사용할 수 있습니다

➕ 기능 추가

followTouch (opens in a new tab) 터치 툴팁 추적

  • 터치 환경에서 툴팁과 crosshair가 손가락 위치를 따라가는 followTouch 옵션이 추가되었습니다. (@default true)
tooltip: {
  visible: true,
  followTouch: true
}

두 손가락 pinch 확대·이동

  • 터치 환경에서 두 손가락으로 확대·축소하고 이동할 수 있게 되었습니다.
  • 확대된 상태에서는 followTouch가 false일 때 한 손가락으로도 이동할 수 있습니다.
  • polar 차트는 지원하지 않습니다.

🐞 버그 수정

포인트 라벨 (opens in a new tab)

축 라벨 (opens in a new tab)

카테고리 축 (opens in a new tab)

  • categoryTree에 올바르지 않은 문자열을 지정해도 계층 축이 활성화되던 문제가 수정되었습니다.

Line 시리즈 화살표

  • inverted 차트에서 자동 화살표가 빈 경로로 그려져 보이지 않던 문제가 수정되었습니다.
  • inverted 상태의 step line에서 자동 화살표 방향이 잘못 표시되던 문제가 수정되었습니다.

시리즈 겹침 순서

  • 포인트에 마우스를 올린 뒤 차트 밖으로 이동하면, 해당 시리즈가 다른 시리즈 위에 겹쳐진 채로 남던 문제가 수정되었습니다.

zoom · crosshair

  • 스크롤바 thumb을 끌 때 확대 구간의 길이가 점점 줄어들던 문제가 수정되었습니다.
  • 터치 환경에서 내장 Reset Zoom 버튼이 동작하지 않던 문제가 수정되었습니다.
  • inverted 분할 차트 (opens in a new tab)에서 공유 x축의 crosshair가 형제 영역에 표시되지 않던 문제가 수정되었습니다.
NPM 차트 테스트v1.4.33