Javascript 更新&x2018；x’；和‘；y’；使用Plotly.update（）的跟踪值

是否可以使用更新跟踪的

x

和

y

属性

更新跟踪的

marker.color

属性效果良好。但是当我尝试更新

x

或

y

属性时，跟踪从图形中消失。没有迹象表明控制台出现了问题。我想通过跟踪索引更新这些值，更新函数看起来是正确的工具

文档中可能有以下线索：

重要注意事项：为了使用此方法在

数据

下的数组（如

x

或

marker.color

等）中绘制新项，这些项必须是不可变添加的（即父数组的标识必须已更改）或的值必须已更改

虽然这可能完全不相关，因为我可以使用

Plotly.update（）

更新

marker.color

，而不会影响

布局.datarevision

运行示例： （代码笔示例）

让myPlot=document.getElementById（“图形”）；
让跟踪={
键入：“散布”，
x:[0.5*255]，
y:[0.5*255]，
hoverinfo:“跳过”，
模式：'标记'，
标记：{颜色：“深灰色”，大小：20}，
};
让布局={
标题：“虫洞”，
yaxis:{range:[0255]}，
xaxis:{range:[0255]}，
};
让config={responsive:true}；
newPlot（myPlot，[trace]，布局，配置）；
函数updateGraphPoint（cmd）{
设x=Math.random（）*255；
设y=Math.random（）*255；
设z=Math.random（）*255；
让update=null；
如果（cmd==“颜色”）{
update={'marker.color'：`rgb（${x}，${y}，${z}）`；
}else if（cmd==“位置”）{
更新={'x'：[x]，'y'：[y]}；
}
update（myPlot，update，{}[0]）；
}

改变我的颜色！
改变我的位置！

数据更新对象接受一个数组，该数组包含每个要更新的跟踪的新x/y值数组。也就是说，如果您只想更新一个跟踪，您仍然必须提供一个包含该跟踪的数组：

update={'x'：[[x]]，'y'：[[y]}


让myPlot=document.getElementById（“图形”）；
让跟踪={
键入：“散布”，
x:[0.5*255]，
y:[0.5*255]，
hoverinfo:“跳过”，
模式：'标记'，
标记：{颜色：“深灰色”，大小：20}，
};
让布局={
标题：“虫洞”，
yaxis:{range:[0255]}，
xaxis:{range:[0255]}，
};
让config={responsive:true}；
newPlot（myPlot，[trace]，布局，配置）；
函数updateGraphPoint（cmd）{
设x=Math.random（）*255；
设y=Math.random（）*255；
设z=Math.random（）*255；
让update=null；
如果（cmd==“颜色”）{
update={'marker.color'：`rgb（${x}，${y}，${z}）`；
}else if（cmd==“位置”）{
更新={'x'：[[x]]，'y'：[[y]]}；
}
update（myPlot，update，{}[0]）；
}

改变我的颜色！
改变我的位置！