Javascript 如何使amcharts动画插件与RequireJS一起工作?

Javascript 如何使amcharts动画插件与RequireJS一起工作?,javascript,requirejs,amcharts,Javascript,Requirejs,Amcharts,我正在尝试为他们的网站提供这个示例,并将其转换为使用requirejs,我不确定我做错了什么 我将animate插件作为依赖项加载,得到一个错误,animateData不是函数 这是我正在使用的代码笔: 您的配置有一些错误 动画插件的路径定义需要指向不带.js扩展名的文件: paths: { // ... "amcharts.plugins.animate": "https://www.amcharts.com/lib/3/plugins/animate/an

我正在尝试为他们的网站提供这个示例,并将其转换为使用requirejs,我不确定我做错了什么

我将animate插件作为依赖项加载,得到一个错误,animateData不是函数

这是我正在使用的代码笔:


您的配置有一些错误

动画插件的
路径
定义需要指向不带
.js
扩展名的文件:

  paths: {
    // ...
    "amcharts.plugins.animate":
      "https://www.amcharts.com/lib/3/plugins/animate/animate.min"
  },
您的
垫片
需要使用与路径相同的引用。当路径设置为
amcharts.plugin.animate
时,您正在使用
amcharts.animate
。它们需要匹配:

"amcharts.plugins.animate": {
  deps: ["amcharts"],
  exports: "AmCharts",
  init: function() {
    AmCharts.isReady = true;
  }
},
最后,您需要在
requirejs
调用中实际包含插件:

requirejs(['amcharts.pie', 'amcharts.plugins.animate'],
  function() {
    buildChart();
  }
);

requirejs(['amcharts.pie', 'amcharts.plugins.animate'],
  function() {
    buildChart();
  }
);