[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() 메서드에 대한 더 자세한 내용을 확인할 수 있습니다.

참고 링크: