我通过将 AmCharts4 包含在页脚中来使用它。
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
<script>am4core.useTheme(am4themes_animated);</script>
我能够绘制图表并在加载时呈现动画,但希望在接收新数据时使其呈现动画。
chart.animateAgain()
或 chart.animateData()
都会抛出 TypeError:chart.animateAgain 不是函数
。
为了创建图表,我做了 chart = am4core.create("chartdiv", am4charts.RadarChart);
为了分配新数据,我刚刚做了chart.data = newData
。
最佳答案
animateData
和 animateAgain
是版本 3 中的方法。版本 4 具有完全不同的 API。
要在版本 4 中重新绘制图表并再次触发动画,您可以调用 invalidateData
,这在您需要 manually update the chart 的情况下也很有用。 。如果您确实想触发完全重绘,也可以调用deepInvalidate,但它对性能要求很高,并且文档警告仅在 absolutely necessary 时才执行此操作。 .
关于javascript - AmCharts 4 "animateData is not a function"或 'How to reanimate chart new data' ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57475747/