如何使用plotly创建可滚动的热图？

import plotly.graph_objects as go
from plotly.subplots import make_subplots

# 假设有一个10x10的矩阵数据
data = [[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
        [11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
        [21, 22, 23, 24, 25, 26, 27, 28, 29, 30],
        [31, 32, 33, 34, 35, 36, 37, 38, 39, 40],
        [41, 42, 43, 44, 45, 46, 47, 48, 49, 50],
        [51, 52, 53, 54, 55, 56, 57, 58, 59, 60],
        [61, 62, 63, 64, 65, 66, 67, 68, 69, 70],
        [71, 72, 73, 74, 75, 76, 77, 78, 79, 80],
        [81, 82, 83, 84, 85, 86, 87, 88, 89, 90],
        [91, 92, 93, 94, 95, 96, 97, 98, 99, 100]]

# 创建子图布局
fig = make_subplots(rows=1, cols=1)

# 添加热图
fig.add_trace(go.Heatmap(z=data,
                         colorscale='Viridis'), row=1, col=1)

# 设置布局参数
fig.update_layout(height=500, width=500, title_text="可滚动的热图")

# 设置x轴和y轴的滚动
fig.update_xaxes(showgrid=False, range=[0, 10], row=1, col=1)
fig.update_yaxes(showgrid=False, range=[0, 10], row=1, col=1)

# 显示图形
fig.show()