Wie kann ich die Größe meiner Dash-Graph?

Ich in layout-Schwierigkeiten mit den Parzellen auf dem Armaturenbrett. Alle Grundstücke Generiere ich mit Dash zu sein scheinen, automatisch die Größe sehr schmal, das macht es schwer, tatsächlich sehen die Daten ohne einige kreative Zoomen.

Als ein Beispiel, wenn ich die Quelle auf einem meiner Striche, es sieht aus wie es berechnet die Höhe der wichtigsten plot-container (svg-container) werden 450px und Höhe der Grafik selbst zu sein 270px (Blick auf die subplots). Es wäre schön, wenn ich könnte die Grafik, sagen wir, 700px.

Meine Frage ist: was ist der beste Weg, um passen Sie die Abmessungen der Diagramme auf dem Armaturenbrett? Meine erste Vermutung wäre irgendwie befestigen Sie ein stylesheet, aber ich bin mir nicht sicher, wie oder was der entsprechende css-Selektoren wäre.

Danke!

InformationsquelleAutor FelixVelariusBos | 2017-09-18
  1. 5

    Ich Tat dies, indem Sie die Handlung ist div als sub-div in einem übergeordneten div ist, dann die Größe des parent-div. So etwas wie dieses:

    # main parent div for the app
main_div = html.Div(children = [
    # sub-div for the plot
    html.Div(children = [
                dcc.Graph(id = 'my-plot'),
    ])
    ],
    # set the sizing of the parent div
    style = {'display': 'inline-block', 'width': '48%'})

    Wie Sie Ihre app an Komplexität zunimmt, werden Sie wahrscheinlich brauchen mehr div-Verschachtelung für diese zu arbeiten. Und Sie könnte wahrscheinlich auch nur die style auf dem Grundstück der sub-div direkt, je nachdem, wie Sie konfiguriert haben Dinge.

    Auch, ich könnte darauf hindeuten, nach der offiziellen Dash Foren hier, da gibt es wahrscheinlich mehr Nutzer gibt, zusammen mit der Dash-dev selbst Entsendung Häufig: https://community.plot.ly/c/dash

    InformationsquelleAutor user5359531
  2. 1

    Einen Graph - Objekt enthält eine figure. Jeder figure hat data und layout Attribute.

    Können Sie die height im layout.

    dcc.Graph(
    id="my-graph",
    figure={
        "data": [
            {"x": [1, 2, 3], "y": [4, 1, 2], "type": "bar"},
            {"x": [1, 2, 3], "y": [2, 4, 5], "type": "bar"},
        ],
        "layout": {
            "title": "My Dash Graph",
            "height": 700,  # px
        },
    },
)

    Entsprechend der Plotly figure - Objekt-schema, height muss eine ganze Zahl größer als oder gleich 10, und der Standard ist 450 (px).

    Beachten Sie, dass Sie können erstellen Sie eine Graph - Objekt und stellen Sie figure später, in einer dash-Rückruf.

    Zum Beispiel, wenn die value einer dcc.Slider wirkt sich auf die figure Attribut des Graph haben Sie:

    import plotly.graph_objs as go

dcc.Graph(id="my-graph")

@app.callback(
    output=Output("my-graph", "figure"),
    inputs=Input("slider", "value")])
def update_my_graph(value):
    data = go.Data(
        [
            go.Bar(x=[1, 2, 3], y=[4, 1, 2]),
            go.Bar(x=[1, 2, 3], y=[2, 4, 5]),
        ]
    layout = go.Layout(
        title="My Dash Graph",
        height=700
        )
    figure = go.Figure(data=data, layout=layout)
    return figure
    InformationsquelleAutor jackdbd
Schreibe einen Kommentar