AmCharts折線圖動畫

Question

是否可以通過顯示畫線的方式（通過連接項目符號或從左至右依次繪製線）在AmCharts中創建折線圖？

我與startDuration，startEffect和sequencedAnimation性能周圍播放，但所有的選擇似乎動畫整條生產線作爲一個整體，無論是從頂部滑動下來或退回其在進入。它比沒有動畫效果更好，並且非常適合列/條形圖，但對於折線圖來說，它看起來有點奇怪和不自然。

Here is the relevant documentation for AmCharts。

Answer 1

當你鏈接到，http://docs.amcharts.com/3/javascriptcharts/AmSerialChart#startEffect文檔，可用在這個時間點上唯一的作用是在說...

• easeOutSine
• easeInSine
• 彈性
• 反彈

這些都是類型圖中的反彈或滑動，他們目前不提供joi n您想要的點類型效果。

Answer 2

是的，你可以用它繪製的方式來製作你的amchart。 你做到這一點與CSS：

#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%; 
    } 
} 

退房此鏈接：https://www.amcharts.com/demos/css-animations/