Javascript 海查特动画系列

嗨，我想创建一个这样的海图

我已经创建了一个虚线图表，但不知道如何放置这个动画

$(function () {
    $('#container').highcharts({


        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
            color: '#FF0000',
           dashStyle: 'dash'
        }]
    });
});

---

我的小提琴链接是

CSS动画可以通过将@keyframes

中的
笔划dashoffset
设置为某个负值（假设您希望它从左向右）并在无限空间上运行动画（假设您也希望如此）来实现这一点。主要是技术


然而，在进行此项工作时，我的CPU使用率似乎有所上升。
fiddle link是您希望图表像这样运行吗？是的，我想要相同的动画这不是highcharts现成的功能。不过，这很有趣。
.highcharts-series path {
  animation: dash 5s linear infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -100;
  }
}