小编Jay*_*tta的帖子

大型程序的一个小功能检查文件夹中的程序集,并用最新版本替换过时的程序集.要实现此目的,它需要读取现有程序集文件的版本号,而不实际将这些程序集加载到执行过程中.

使用 React 功能组件，我无法找到一种方法来使用异步接收的动态数据为图表制作动画。下面的沙箱说明了模拟异步读取的计时器的问题。

https://codesandbox.io/s/basic-column-chart-in-react-canvasjs-0gfv6?fontsize=14&hidenavigation=1&theme=dark

运行示例代码时，您应该看到 5 个高度增加的竖条动画。然后，在 5 秒后，它立即切换到 4 个下降高度的小节。我希望有那个更新动画。

以下是我查看过的一些参考信息： CanvasJS React Demos：其中许多在初始绘制时动画，但我找不到在初始渲染后加载动态数据的动画。

使用 JSON 数据的图表是一个具有动态数据但没有动画的演示。

查看 CanvasJS 论坛，我找到了几个链接，但没有一个是针对 React 功能组件的

来自 Canvas 团队的 Vishwas说：

要动态更新数据点并为图表设置动画，您可以实例化图表，通过图表选项更新数据点，然后调用 chart.render，如此更新的JSFiddle所示。

var chart = new CanvasJS.Chart("chartContainer", {
  title: {
    text: "Animation test"
  },
  animationEnabled: true,  
  data: [{
    type: "column",
    dataPoints: []
  }]
});

chart.options.data[0].dataPoints =  [{ label: "Apple", y: 658 },
                                     { label: "Orange", y: 200 },
                                     { label: "Banana", y: 900 }];
chart.render();

这个示例是纯 JS，但我尝试将原理调整到我的 React …