Plotly Express动画散点图顶部的填充动画散点图层表现出奇怪的旋转行为

问题描述

当我在Plotly Express动画散点图上添加两个附加的填充动画散点图时，我遇到了几个奇怪的显示问题：

1. 当我播放分层动画时，它会丢失其他痕迹 原来。但是，当您以任何方式激活滑块时， 出现其他痕迹。
   2-当我再次播放动画情节时 在两个填充的散点图中可以看到一些奇怪的形状变化 （在Tableau中使用完全相同的数据不会发生这种情况）。但当 手动移动滑块本身，形状会正常显示， 平稳移动

以下是适用的代码：

fig = px.scatter(df,x="X",y="Y",color="Team",hover_name="NickName",animation_frame="GameTime",animation_group="NickName",range_x=[-4,110],range_y=[-4,72],size='size',size_max=9,width=900,height=700,color_discrete_map=color_discrete_map,hover_data={'X': False,'Y':False,'GameTime':False,'size':False,'Team':False,'Position':False})

frames_convex_team1 = [go.Frame(
                        data=[go.Scatter(
                        x=group['hull_x'],y=group['hull_y'],mode="markers",marker=dict(color="green",size=2),fill="toself",opacity=.25)
                    ]) for name,group in grouped_convex_hull_team1]

frames_convex_team2 = [go.Frame(
                        data=[go.Scatter(
                        x=group['hull_x'],marker=dict(color=colour1,opacity=.50)
                    ]) for name,group in grouped_convex_hull_team2]

fig2 = go.figure(data=go.Scatter(mode='markers',fill='toself'),layout=go.Layout(width=900,xaxis=dict(range=[-4,autorange=False,zeroline=False),yaxis=dict(range=[-4,hovermode="closest",transition={'duration': 0},),frames= frames_convex_team1
)

fig3 = go.figure(data=go.Scatter(mode='markers',frames= frames_convex_team2
)

# Put halos around the markers
fig.update_traces(marker=dict(
                              line=dict(width=1,color='darkslategray')),selector=dict(mode='markers'))

fig.add_trace(fig2.data[0])
for i,frame in enumerate(fig.frames):
    fig.frames[i].data += (fig2.frames[i].data[0],)

fig.add_trace(fig3.data[0])
for i,frame in enumerate(fig.frames):
    fig.frames[i].data += (fig3.frames[i].data[0],)

我在下面附加了一个视频链接，以演示我希望获得解决方法的当前小故障。我目前正在使用Dash显示所有此类图形。任何帮助将不胜感激！

Link to .mov video file of problems listed above

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）