AmCharts 꺾은 선형 차트 애니메이션

Question

AmCharts에서 꺾은 선형을 연결하거나 선을 오른쪽에서 왼쪽으로 그리는 방식으로 선을 그릴 수있는 방식으로 애니메이션을 만들 수 있습니까?

나는 startDuration, startEffect 및 sequencedAnimation 속성을 가지고 놀았지만, 모든 옵션은 전체 라인 전체를 움직이게하는 것처럼 보이며, 전체 라인을 맨 위에서 아래로 내리거나 입력시 튀어 오르게합니다. 애니메이션이없는 것보다 낫지 만 열/막대 그래프에 적합하지만 선 그래프에 대해 다소 이상하고 부 자연스럽게 보입니다.

Here is the relevant documentation for AmCharts. 당신이 http://docs.amcharts.com/3/javascriptcharts/AmSerialChart#startEffect에 링크 된 문서,이 시점에서 사용할 수있는 경우에만 효과가 있습니다에 명시된 바와 같이

Answer 1

...

• easeOutSine
• easeInSine
• 탄성
• 바운스

이들은 모두 바운스 또는 유형 그래프의 슬라이드이며, 현재 조이를 제공하지 않습니다 n 당신이 아직 원하는 점 유형 효과.

Answer 2

예, 그릴 방법으로 애니메이션을 만들 수 있습니다. 당신은 어떻게 그 CSS와 : https://www.amcharts.com/demos/css-animations/

:이 링크

#chartdiv{ 
width  : 100%; 
height  : 500px; 
} 

.amcharts-graph-g1 { //g1 is the id of your graph 
    stroke-dasharray: 500%; 
    -webkit-animation: am-draw 5s; 
    animation: am-draw 5s; 
} 

@keyframes am-draw { 
    0% { 
     stroke-dashoffset: 500%; 
    } 
    100% { 
     stroke-dashoffset: 0%; 
    } 
} 

체크 아웃