Javascript 使用Plotly JS UpdateMenu Animate Method下拉菜单在轨迹之间设置动画

我正在尝试使用动画制作绘图仪

我无法使其动画还原到原始轨迹

在下面的示例中，我可以将图表更改为trace 2。但它不会返回到跟踪1

//myPlot=document.getElementById（'chart'））
变量trace1={
x:[1]，
y:[1]，
键入：“散布”，
模式：'标记'，
名称：“跟踪1”，
}
变量trace2={
x:[5]，
y:[5]，
键入：“散布”，
模式：'标记'，
名称：“跟踪2”，
}
可变帧=[{
名称：“跟踪1”，
数据：[trace1]
},
{
名称：“跟踪2”，
数据：[trace2]
}
]
console.log（帧）
变量布局={
亚克斯：{
范围：[0,2]
},
xaxis：{
范围：[0,2]
},
更新：[{
按钮：[{
方法：“动画”，
args：[
['trace 1']
],
标签：“一”
},
{
方法：“动画”，
args：[
['trace 2']
],
标签：“两个”
}
]
}]
}
newPlot（“图表”，[trace1]，布局）。然后（函数（）{
Plotly.addFrames（“图表”，frames）；
});

媒体偏见
由于某些原因，无法将跟踪放入数据列表中（在frames变量内）。您需要手动设置数据x和y值


//myPlot=document.getElementById（'chart'））
变量trace1={
x:[1]，
y:[1]，
键入：“散布”，
模式：'标记'，
名称：“跟踪1”，
}
变量trace2={
x:[5]，
y:[5]，
键入：“散布”，
模式：'标记'，
名称：“跟踪2”，
}
可变帧=[{
名称：“跟踪1”，
数据：[{
x:trace1.x，
y:trace1.y
}]
},
{
名称：“跟踪2”，
数据：[{
x:trace2.x，
y:trace2.y
}]
}
]
//console.log（帧）
变量布局={
亚克斯：{
范围：[0,2]
},
xaxis：{
范围：[0,2]
},
更新：[{
按钮：[{
方法：“动画”，
args：[
['trace 1']
],
标签：“一”
},
{
方法：“动画”，
args：[
['trace 2']
],
标签：“两个”
}
]
}]
}
newPlot（“图表”，[trace1]，布局）。然后（函数（）{
Plotly.addFrames（“图表”，frames）；
});

媒体偏见
由于某些原因，无法将跟踪放入数据列表中（在frames变量内）。您需要手动设置数据x和y值


//myPlot=document.getElementById（'chart'））
变量trace1={
x:[1]，
y:[1]，
键入：“散布”，
模式：'标记'，
名称：“跟踪1”，
}
变量trace2={
x:[5]，
y:[5]，
键入：“散布”，
模式：'标记'，
名称：“跟踪2”，
}
可变帧=[{
名称：“跟踪1”，
数据：[{
x:trace1.x，
y:trace1.y
}]
},
{
名称：“跟踪2”，
数据：[{
x:trace2.x，
y:trace2.y
}]
}
]
//console.log（帧）
变量布局={
亚克斯：{
范围：[0,2]
},
xaxis：{
范围：[0,2]
},
更新：[{
按钮：[{
方法：“动画”，
args：[
['trace 1']
],
标签：“一”
},
{
方法：“动画”，
args：[
['trace 2']
],
标签：“两个”
}
]
}]
}
newPlot（“图表”，[trace1]，布局）。然后（函数（）{
Plotly.addFrames（“图表”，frames）；
});

媒体偏见