Question

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

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

Answer 1

可以更新系列以更改系列的height和width＆＃39;基于一系列marker s。

的回调中的setTimeout

示例：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);
});

如何在图表加载

1 个答案: