Grafik harita üzerinde yüksek grafikler işaretleyici sembolünü canlandırma nasıl yapılır

Question

İşaret sembolleri için jpg'ler içeren bir yüksek-grafik dağılım grafiği var. Grafik yüklendiğinde, tüketicinin grafikle etkileşime girebileceğini bilmesi için yavaşça ölçeklendirmek ve görüntü boyutlarını birkaç saniyeliğine küçültmek istiyorum. İşaretleyici semboller svg resim etiketleri olarak yüksek şemalar olarak eklenir ve böylece css dönüşümü/geçişleri ile çalışma çalışmaz. Ayrıca, resim etiketine bir animateTransform svg özniteliği eklemeyi denedim, ancak bu, işaretçi sembolünün grafikte yerleştirilme şeklini bozuyor. Şu anda, birkaç saniye için küçük bir ölçekleme animasyonu eklemek için en iyi yolun ne olacağı konusunda bir kayıp yaşıyorum. Şu anda jpg'leri svg yolları olarak dışa aktarmaya çalışıyorum, böylelikle bunların manipüle edilmesi daha kolay olacak, ancak bunun işe yarayıp yaramayacağını bilmiyorum. Örnek olarak, bu JS kemanındaki güneş işaretleyicilerinin, grafik ilk yüklendiğinde birkaç kez büyütülmesini ve sonra aşağı düşmesini istiyorum. http://tinyurl.com/qj7eszh

Answer 1

O setTimeout s serisine dayanan geri aramasında serisinin height ve width değiştirmeye serisinin güncellenmesi mümkündür.

Örnek: 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); 
});