본문 바로가기

Web/Javascript

[Javascript] Highcharts 재 생성

  • Highcharts 사용중 이전 차트를 삭제 후 다시 차트를 호출해야 할 경우가 발생
  • 하기 코드처럼 destroy 함수 이용 삭제 후 재 생성하면 됨
var chartOptions = {
    ...
};

function drawChart() { Highcharts 생성
    chart = new Highcharts.Chart(chartOptions);
}

drawChart(); // Highcharts 생성 호출

$('#resetChart').on("click", function(e){
    e.preventDefault();
    chart.destroy(); // Highcharts 삭제
    drawChart(); // Highcharts 생성 호출
});