javascript - 在 amcharts 中淡入淡出(没有 startEffect 的 startAlpha)

Question

我正在尝试让图表淡入而不让它们反弹或弹性进入等。

从文档中可以看出，elastic 是默认的动画类型。我试过空白，或“无”。那些崩溃的图表。

请参阅以下 fiddle : 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
}
} );

这是否可能，如果可能，如何实现？

Answer 1

您已经正确识别了 startAlpha 参数。它将使切片淡入。

现在，要禁用反弹效果，设置 startRadius归零:

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>

如果您希望切片全部淡入而不是一个接一个淡入，请设置 sequencedAnimation: true