Python Dash 调整烛台大小

Question

我一直在尝试创建一个显示纳斯达克价格和移动平均线的烛台图，这已取得部分成功：

import dash
from dash.dependencies import Output, Input
import dash_core_components as dcc
import dash_html_components as html
import plotly
import random
import plotly.graph_objs as go
import yfinance as yf
import plotly.express as px
import datetime as dt
from datetime import datetime
from metody import metody
import time
import pandas as pd

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

NASDAQ = pd.read_excel(r'file.xlsx')

app = dash.Dash(external_stylesheets=external_stylesheets)

fig = go.Figure(data=go.Candlestick(
    open=NASDAQ['Open'],
    close=NASDAQ['Close'],
    low=NASDAQ['Low'],
    high=NASDAQ['High'],
))


close = NASDAQ['Close']
open = NASDAQ['Open']
srednia = metody.generateMovingAverage(NASDAQ['Close'], 3)

fig.add_trace(
    go.Scatter(
        y=srednia
    )
)

app.layout = html.Div([
    html.H1(
        children="This is a chart of {}".format("NASDAQ"),
        style={
            'text-align': 'center'
        }
    ),
    dcc.Graph(
        id='candles',
        animate=True,
        figure=fig,
    ),
    dcc.Interval(
        id='update',
        interval=1000
    )
    ])
app.run_server(debug=True)

不幸的是，当我尝试放大结果时，蜡烛并没有放大，因此它是可读的：

我的问题是：我该如何处理？我希望我的图表具有很好的交互性（这意味着用户可以调整周期，并且蜡烛的大小与图表的大小一样大）。

PS：我真的是 Dash 新手，所以如果你的代码中有任何 cmets，或者你知道我做错了什么，请告诉我 :)

Answer 1

你需要把它放到你的代码中的某个地方（在缩放触发时）：

fig.update_yaxes(range=[minY, maxY])

从您的结果中选择 minY 和 maxY（并分别向下和向上四舍五入以看起来更好一点）

但我没有看到您的缩放在哪里完成 - 我假设您没有使用 plotly 默认值，而是使用较低的摘要栏关闭？

恐怕您可能需要深入研究 .css - 或者您可以在将其传递给 dash.Dash() 之前在其中插入额外的行