[javascript] Highcharts에서 확대/축소 작업 취소하기
Highcharts는 데이터 시각화를 위한 자바스크립트 라이브러리로 널리 사용됩니다. 사용자는 차트를 확대하거나 축소하여 데이터를 자세히 살펴볼 수 있습니다. 하지만 때로는 사용자가 확대/축소 작업을 실수로 실행했을 때 이를 취소할 수 있는 방법이 필요할 수 있습니다.
Highcharts에서는 확대/축소 작업을 취소하기 위해 resetZoom()
메서드를 제공합니다. 이 메서드를 호출하면 차트의 축과 데이터 범위가 초기 상태로 재설정됩니다. resetZoom()
메서드는 chart
객체를 통해 호출할 수 있습니다.
chart.resetZoom();
위의 예제에서 chart
는 Highcharts 차트 인스턴스를 가리키는 변수입니다. 따라서 실제로 사용하려는 차트 인스턴스에 해당하는 변수를 사용해야 합니다.
아래는 Highcharts에서 확대/축소 작업을 취소하는 예제 코드입니다.
// 차트 초기화
var chart = Highcharts.chart('container', {
// 차트 옵션 설정
series: [{
data: [1, 2, 3, 4, 5]
}]
});
// 확대/축소 작업 취소
function cancelZoom() {
chart.resetZoom();
}
위의 예제에서는 cancelZoom()
함수를 정의하여 확대/축소 작업을 취소하는 기능을 수행합니다. chart
객체를 통해 resetZoom()
메서드를 호출하여 확대/축소 작업을 취소합니다.
Highcharts 공식 문서에서 resetZoom()
메서드에 대한 더 자세한 내용을 확인할 수 있습니다.
참고 링크: