Javascript setData上的Highcharts区域图动画

我有一个HighCharts.js图，当点击一个按钮时，会调用setData来添加另一个数据点

我希望更改动画，将其从0移动到当前的下一个数据点，改为从左到右平滑地设置动画，就像它只是填充/扩展一样。加载时会显示精确的动画

在动画属性设置为true的情况下，我将数据设置为如下

series.setData(data, true, true);

---

我创建这个是为了创建一个简单的动画示例。请单击按钮几次以查看。

您可以从数组中删除0项，因为它们会导致图表从最后一点向下连接到轴：

data = [29.9, 71.5, 106.4, 129.2, 144.0];

然后设置默认值

minRange

和

min

，以便在初始化时仍能看到12轴：

xAxis: {
    labels: {
        style: {
            fontSize: '13px'
        }
    },
    min: 0,
    minRange: 12,
},

然后使用

addPoint

而不是

setData

来获取添加点的默认动画。这和你在加载时看到的不太一样-点立即出现

series.addPoint({x : arrayLocation, y: increasingValue});

我还将

arrayLocation

初始化为5以使其正常工作（否则它会在

x=5

处生成两个点）

var arrayLocation = 5;

---

我单击时什么也没发生。也许你需要更新小提琴？好的，试试看，很抱歉。谢谢！有什么原因可以解释动画对象在setData中什么都不做，即使它作为一个参数存在于它们的文档中？在文档中，它说“注意，此方法丢弃所有点并创建新点”因此，我猜它无法为新点设置动画，因为它将其视为一个完整的新系列，而不仅仅是一个新点。那么，为什么它会在您的第一个版本中设置动画-来自同一个文档，“当更新的数据与现有数据长度相同时，点将被更新而不是替换。”