2016-03-22 8 views
3

Ben Dokümanlar vbFading (startEffect olmadan startAlpha)

, onları içinde sıçrama veya elastik gelip kalmadan solmaya grafikleri almaya çalışıyorum, bu elastik varsayılan animasyon türü olduğunu söyler . Boş ya da "hiç" denedim. Bu kazalar. https://jsfiddle.net/tegnu71s/

var chart = AmCharts.makeChart("chartdiv", { 
"type": "pie", 
"theme": "light", 
startDuration:"10", 
startEffect:"elastic", 
startAlpha:0, 
"dataProvider": [ { 
"country": "Lithuania", 
"litres": 501.9 
}, { 
"country": "Czech Republic", 
"litres": 301.9 
} ], 
"valueField": "litres", 
"titleField": "country", 
"balloon":{ 
"fixedPosition":true 
}, 
"export": { 
    "enabled": true 
} 
}); 

bu mümkün mü ve eğer öyleyse, nasıl:

şu keman görüyor musunuz?

cevap

3

startAlpha parametresini doğru bir şekilde tanımladınız. . O, Şimdi dilimleri içinde solmaya

yapacak sadece sıçrama etkisi devre dışı bırakmak için, sıfıra startRadius ayarlayın:

var chart = AmCharts.makeChart("chartdiv", { 
 
    "type": "pie", 
 
    "theme": "light", 
 
    "startDuration": 10, 
 
    "startRadius": 0, 
 
    "startAlpha": 0, 
 
    "dataProvider": [{ 
 
    "country": "Lithuania", 
 
    "litres": 501.9 
 
    }, { 
 
    "country": "Czech Republic", 
 
    "litres": 301.9 
 
    }], 
 
    "valueField": "litres", 
 
    "titleField": "country", 
 
    "balloon": { 
 
    "fixedPosition": true 
 
    }, 
 
    "export": { 
 
    "enabled": true 
 
    } 
 
});
<script src="//www.amcharts.com/lib/3/amcharts.js"></script> 
 
<script src="//www.amcharts.com/lib/3/pie.js"></script> 
 
<script src="//www.amcharts.com/lib/3/themes/light.js"></script> 
 
<div id="chartdiv" style="width: 100%; height: 250px;"></div>

sen dilimleri bir kerede tüm solmaya istiyorsanız tek tek karşı, set sequencedAnimation: true

+0

Seri grafikler için benzer bir çözüm var mı? – juacala

+0

Sadece CSS'yi kullanarak: https://www.amcharts.com/tips/using-css-animation-apply-effects-chart-elements/ – martynasma