如何配置绘图以调整图表以拟合其背景图像？

Question

我正在使用Plotly Dash显示覆盖图像的图。该图像很大，为7490x4906，但尺寸为尺寸。我遇到的问题是，情节似乎限制了图形的高度，这会导致图像显示的显示小于我所需的（在某些情况下，图表上没有什么，只是图像）。

因为我的网页将在任意数量的设备上使用，所以我需要autoSize是正确的，并且无法静态设置图像的大小。有什么方法可以根据图像大小尺寸？或者，更具体地说，在保持图像的纵横比的同时，调整了图表以适合图像的宽度？

这是我目前正在使用的内容：

# Load the image
image = cv2.imread("image.png")

# Initialize figure
figure = go.Figure(
    layout=go.Layout(
        autosize=True,
        font={"color": "black", "family": "Arial"},
        margin={"t": 40, "b": 10, "r": 5, "l": 10},
        paper_bgcolor="#ffffff",
        plot_bgcolor="#ffffff",
        xaxis={
            "showgrid": False,
            "tickfont": {"color": "rgba(0, 0, 0, 0)"},
            "visible": False,
        },
        yaxis={
            "showgrid": False,
            "tickfont": {"color": "rgba(0, 0, 0, 0)"},
            "visible": False,
        },
    ),
)

# Encode the image for Plotly
_, buffer = cv2.imencode(".png", image)
encoded_image = base64.b64encode(buffer)

# Populate the figure
figure.add_layout_image(
    go.layout.Image(
        source="data:image/png;base64,{image}".format(image=encoded_image.decode()),
        xref="paper",
        yref="paper",
        x=0.5,
        y=0.5,
        sizex=1,
        sizey=1,
        xanchor="center",
        yanchor="middle",
    ),
)

# Disable zoom
figure.update_xaxes(fixedrange=True)
figure.update_yaxes(fixedrange=True)

编辑：

上述代码产生的内容的屏幕截图：

更改sizey to 3在go.layout.image.image配置中结果：

理想情况下，我想要类似第二张图像的东西；但是，没有切断。我的应用程序将图形包装在引导卡中。但是，我已经尝试提高卡的高度，而结果没有任何变化。该图没有更高的图像。

编辑2： 这是与我包装和显示图形有关的更多代码。这使用django-plotly-dash：

from django_plotly_dash import DjangoDash

# Load the image
img = cv2.imread("image.png")

def build_figure(image):
   # Put the code from what I am currently using here and return figure
   ...

app = DjangoDash("circuits", suppress_callback_exceptions=True)
app.layout = html.Div(
    children=[
        dbc.Card(
            dbc.CardBody(
                dcc.Graph(
                    config={"displaylogo": False},
                    figure=build_figure(img),
                ),
            ),
        ),
    ],
)