チャートロード時にハイチャートマーカシンボルをアニメートする方法

Question

マーカーチャートのjpgを使用したハイチャート散布図があります。グラフが読み込まれると、画像サイズを数秒間スケールアップしてからスケールダウンして、消費者がチャートとやり取りできることを知りたいと思います。マーカシンボルはハイチャートでsvgイメージタグとして追加されるため、CSS変換/トランジションでの作業は機能しません。 animateTransform svg属性をイメージタグに追加しようとしましたが、それはマーカーシンボルがチャートに配置される方法を妨害しています。現時点では、小さなスケーリングアニメーションを数秒間追加する最良の方法は何かを失うことになります。私は現在、jpgをsvgパスとしてエクスポートして操作しやすくしていますが、まだ動作するかどうかはわかりません。

例として、私は、このJSフィドルの太陽マーカーをスケールアップし、チャートが最初にロードされるときに数回ダウンさせたいと思います。 http://tinyurl.com/qj7eszh

Answer 1

setTimeout Sのシリーズをベースに、コールバックにシリーズの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); 
});