Есть ли способ установить динамическую c ширину и высоту для построения графиков? - PullRequest
Новая
       136

Есть ли способ установить динамическую c ширину и высоту для построения графиков?

1 голос
/ 04 августа 2020

Я пытаюсь создать информационную панель, используя графики Da sh и Plotly. Я также добавил компоненты da sh bootstrap для card-component.

Я хочу разместить 4 графика на 4 картах следующим образом: Изображение дизайна приборной панели

Мне удалось создать тело карты, используя следующий код: 

import dash_core_components as dcc
import dash_bootstrap_components as dbc
import dash_html_components as html

layout = html.Div(
    [
        dbc.Row(
            [
                dbc.Col([dbc.Card(dbc.CardBody([html.P(dcc.Graph(figure=figure1))]))], width=8),
                dbc.Col([dbc.Card(dbc.CardBody([html.P(dcc.Graph(figure=figure2))]))], width=4),
            ]
        ),
        dbc.Row(
            [
                dbc.Col([dbc.Card(dbc.CardBody([html.P(dcc.Graph(figure=figure1))]))], width=6),
                dbc.Col([dbc.Card(dbc.CardBody([html.P(dcc.Graph(figure=figure2))]))], width=6),
            ]
        ),
    ]
)

Однако графики, построенные на основе данных, иногда расширяются за пределы карты.

Как можно Я делаю ширину графика c (расширение и извлечение), чтобы они оставались внутри карты.

И как я могу сохранить динамику высоты c, чтобы все 4 графика были видны без прокрутки.

...