Javascript AmCharts折线图动画

是否可以在AmCharts中以显示正在绘制的线的方式设置折线图的动画（通过连接项目符号或从左到右顺序绘制线）

我已经使用了

startDuration

、

startefect

和

sequencedAnimation

属性，但所有选项似乎都将整条线作为一个整体设置为动画，要么从顶部向下滑动，要么在进入时反弹。它比没有动画要好，非常适合于柱/条形图，但对于线图来说，它看起来有些奇怪和不自然

---

.

正如您链接到的文档中所述，此时唯一可用的效果是

• 易斯奥辛
• 伊塞因辛
• 弹性的
• 弹跳

---

这些都是“反弹”或“滑入”类型的图形，它们目前还没有提供您想要的“连接点”类型的效果。

是的，您可以以amchart绘制的方式设置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%;
    }
}

查看此链接：