如何使Jupyter notebook单元格中的大图形在输出为html时可滚动

from IPython.display import display, HTML

# 创建一个大图形
fig = plt.figure(figsize=(10, 10))
plt.plot(x, y)

# 将图形包裹在HTML对象中，并设置CSS样式
html = HTML('<div style="overflow:auto; width:500px; height:500px;">{}</div>'.format(fig))

# 在notebook中显示图形
display(html)

from IPython.display import display, HTML, IFrame

# 创建一个大图形
fig = plt.figure(figsize=(10, 10))
plt.plot(x, y)

# 保存图形为HTML文件
fig.savefig('plot.html')

# 创建一个包含图形的HTML页面，并设置页面的高度和宽度
html = '<iframe src="plot.html" style="width:500px; height:500px;"></iframe>'

# 使用IFrame对象将HTML页面嵌入到notebook中
display(IFrame('plot.html', width=500, height=500))