如何在高图表中的特定线上移动对象？

Question

我正在使用SVGRender元素在一条线上剪辑圆圈。现在我想知道在高级图表中有哪些选项可以为特定行中的圆圈设置动画。 在此先感谢!!

var renderer;

renderer = new Highcharts.Renderer(
    $('#container')[0],
    400,
    300
);

var clipline=renderer.path(['M', 0, 0, 'L', 100, 100, 200, 50, 300, 100])
    .attr({
        'stroke-width': 2,
        stroke: 'red'
    })
    .add();
  var circle = renderer.circle(25, 25, 10)
    .attr({ fill: 'red' })
    .add();


// Leave only the lower right quarter visible
circle.clip(clipline);

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>