如何在图表加载时为 highcharts 标记符号设置动画答案

【问题标题】：how to animate highcharts marker symbol on chart load如何在图表加载时为 highcharts 标记符号设置动画
【发布时间】：2016-03-22 19:50:29
【问题描述】：

我有一个带有 jpg 标记符号的 highcharts 散点图。当图表加载时，我想轻轻放大然后缩小图像大小几秒钟，以便消费者知道您可以与图表进行交互。标记符号由 highcharts 添加为 svg 图像标签，因此使用 css 转换/转换不起作用。我还尝试在图像标签中添加 animateTransform svg 属性，但这会破坏标记符号在图表上的放置方式。目前，我不知道添加几秒钟的小缩放动画的最佳方法是什么。我目前正在考虑将我的 jpg 导出为 svg 路径，以便更容易操作，但我不知道这是否可行。

作为一个例子，我希望这个 JS 小提琴中的太阳标记在图表首次加载时放大然后缩小几次。 http://tinyurl.com/qj7eszh

【问题讨论】：

你在问什么？这个问题太宽泛了
@Farside 我更新了描述！希望更清楚！

标签： highcharts

【解决方案1】：

可以根据setTimeouts 的系列在回调中更新系列以更改系列的marker 的height 和width。

示例：http://jsfiddle.net/9tcjo4dv/

}, function(chart){
    var sunSeries = chart.get('sunSeries');
    setTimeout(function(){
        sunSeries.update({marker:{height: 15, width: 15}});
  }, 500);

    setTimeout(function(){
        sunSeries.update({marker:{height: 30, width: 30}});
  }, 1000);
});

【讨论】：