하이 차트를 사용하여 선 그래프 다시 애니메이션

Question

차트를 "다시 애니메이션"하는 버튼이있는 highCharts 페이지를 만들고 싶습니다.

$("contain").highcharts().addSeries({       
     name: "filter", 
     data: result 
    }, false, {duration: 300000, easing: 'linear'}); 

때 내가 수동으로 전체 차트()를 다시 그리기 전화 :

내가 처음 시리즈를 만들

, 나는 FALSE로 '다시 그리기'설정

$("contain").highcharts().redraw() 

... 차트는 처음부터 움직입니다. 만입니다. 차트가 '화면 상에'애니메이션으로 표시되면 처음부터 다시 애니메이션 할 수있는 방법이 없습니다. 제거하고 다시 추가 할 경우를 제외하고는 많은 시리즈가 있으므로 내 경우에는 이상적인 솔루션이 아닙니다. 선) 내가 거기 바라고하는 것은 내가 질문)를 편집 해 동안 누군가가 대답을 참조 간단한 해결책 (이되도록 데이터의 & ALOT ...

이 작업을 수행 할 수있는 방법이 있나요하거나 제거해야합니다 및 다시 애니메이트하고 싶을 때마다 시리즈를 다시 추가 하시겠습니까?

내가 전에 약속 한 바이올린입니다. 그것은 내가 좋아하지 않는 제거/재 추가 개념을 사용하고 있습니다 : http://jsfiddle.net/bhilleli/854jbbhg/

Answer 1

같은 시리즈를 다시 만들고 싶다면 현재 시리즈를 제거하고 새로운 시리즈로 다시 그려야 할 것입니다.

$('#button').click(function() { 
    $("contain").highcharts().series[0].remove(); 
    $("contain").highcharts().addSeries({ 
     name:"filter", 
     data: result}); 

});