2016-06-14 4 views
0
다음

가 highchart 샘플 바이올린입니다 클릭Highcharts 부하 효과는

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/

$('#button').click(function() { 
     var chart = $('#container').highcharts(); 
     // I want the code which will have the effect of line being drawn on points, just like when clicked on run in the above fiddle link. 
}); 

실행할 클릭 할 때 당신은 바이올린을 선택하면 선이 왼쪽에서 그려지는 애니메이션이있는 권리. 비슷한 방법을 찾고 있는데, 버튼을 클릭하면 하이 차트가 동일한 데이터로 다시 그려집니다. 내 프로젝트에 열과 파이와 같은 여러 차트가 있습니다. 리플 로우 및 다시 그리기를 시도했지만 둘 다 자체 목적을 가지고 있으며 요구 사항을 충족시키지 못합니다. 도와주세요. 차트 설정에

+0

어쩌면 당신은 당신의 시리즈를 제거하고 이전 시리즈와 동일한 매개 변수를 사용하여 새로운 하나를 추가 할 수 있습니까? http://jsfiddle.net/fdwwv3ey/ –

답변

1

사용 "애니메이션"

animation: { 
     duration: 1000, 
     easing: 'easeOutBounce' 
    } 
+0

내가 기대하는 것처럼 작동하지 않습니다. http://api.highcharts.com/highcharts#chart.animation도 조회했습니다. 여기 애니메이션 예제는 업데이트되는 데이터를 보여줍니다. . 내 데이터는 동일하게 유지되고, 나는 다시 그려지는 선의 효과 만 원한다. – hitech0101

+0

괜찮습니다! http://stackoverflow.com/questions/11188114/highcharts-column-chart-redraw-animation과 http://jsfiddle.net/Nishith/my8646oc/31/ –

+0

에서 나는 여전히 찾고 있습니다. 그것을 작동시키는 더 좋은 방법이지만, 당신이 보낸 링크는 지금 당장 내 문제를 해결합니다. – hitech0101