python - Plotly Dash Multiple Yaxis 堆叠在面板中

问题描述

我正在尝试使用 Plotly/Dash 开发交互式仪表板。主要功能是：

(1) 是呈现多个图表，
(2) 具有相同的 xaxis（时间序列），
(3) 基础数据和特定的轨迹/线都可以使用回调进行交互调整。

功能（3）没问题，不是问题，所以我不会在我的描述中进一步包括。但是，（1）和（2）我无法上班。

总结一下到目前为止我为 (1) 和 (2) 所做的工作：
i。创建跟踪应该在哪个图表中的跟踪（即 trace_01 & yaxis='y'、trace_02 & yaxis='y2' 等）；
ii. 指定 yaxis、yaxis2、yaxis3 等。
iii. 生成 dash 应用程序的其余部分，作为标准（即 go.Figure(data=data, layout=layout), dash.Dash() 等）。

问题是我不能在具有相同 x 轴的两个（或更多）图表（即 y 轴）上获得一组以上的轨迹。我不能让它工作。

核心问题代码：

# Set Traces/Data
t0101 = go.Scatter(x=df_fx.date, y=df_fx['close'],mode='lines',name='close',yaxis='y')
t0201 = go.Scatter(x=df_fx.date, y=df_fx['adx'],mode='lines',name='adx',yaxis='y2')
data = [t0101,t0201]

# Specify Layout
layout= go.Layout(
    xaxis= dict(side= 'bottom', anchor= 'y2'),
    yaxis= dict(side= 'right'),
    yaxis2= dict(side='left'),)

# Call Figure
fig = go.Figure(data=data, layout=layout)

# Create App
app = dash.Dash()
app.layout = html.Div([dcc.Graph(id='chart', figure=fig)])

此代码生成以下输出：代码的输出

我真正想要实现的是仪表板输出，例如：所需的输出

重要的是，解决方案可以支持功能 (3)，例如更改基础数据（所有图表/y 轴使用相同的数据），或在图表上的各种跟踪之间切换。

请注意，功能 (3) 的代码已从上述代码中排除。主要问题是我无法让功能（1）和（2）工作。

我已经广泛搜索了所有文档和所有堆栈问题。其中大多数是指多个 yaxis，但使用 overlay='y'，我不想要这个解决方案。

如果这已经得到回答或在其他地方记录，我深表歉意，但我无法找到为什么我的实现不会输出所需的多轴图表。

任何建议、技巧、错误都非常感谢。这真的是我在这个问题上花费了太多时间/夜晚之后的最后手段。

附录 1：输入数据样本
附录 2：数据链接（csv）
附录 3：数据链接（xlsx）
附录 4：完整代码：

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go
import pandas as pd
import datetime as dt

### Input Data_____________________________________________

# Extract
p_fx = 'AUD_NZD'
p_dir = "C:/Users/Gebruiker/Gen_Inds_"
p_file = p_dir + p_fx + ".csv"
df_0 = pd.read_csv(p_file,skiprows=1)
df_1 = pd.DataFrame(df_0.loc[df_0['AUD_NZD']=='AUD_NZD',['AUD_NZD','datetime','open','high','low','close','sma','sma.1','hma','hma.1','kama','kama.1','adx','aroonup', 'aroondown']])

# Prepare
df_1 = df_1.rename(columns={'AUD_NZD': "Pair",
                           "sma":"sma_s","sma.1":"sma_f",
                           "hma":"hma_s","hma.1":"hma_f",
                           "kama":"kama_s","kama.1":"kama_f",
                           })
df_1['datetime'] = df_1['datetime'].str.rstrip('.999989')
df_2 = df_1.astype({'datetime':'datetime64[ns]'})
df_2['date'] = pd.to_datetime(df_2['datetime'].dt.date, format='%Y-%m-%d')

# Input data
df_fx = pd.DataFrame(df_2[['date','Pair','open','high','low','close','sma_s','sma_f','hma_s','hma_f','kama_s','kama_f','adx','aroonup', 'aroondown']])
print(df_fx.Pair.value_counts())

### Figure_____________________________________________
# Data
t0101 = go.Scatter(x=df_fx.date, y=df_fx['close'],mode='lines',name='close',yaxis='y')
t0201 = go.Scatter(x=df_fx.date, y=df_fx['adx'],mode='lines',name='adx',yaxis='y2')
data = [t0101,t0201]

# Layout
layout= go.Layout(
    xaxis= dict(side= 'bottom', anchor= 'y2'),
    yaxis= dict(side= 'right'),
    yaxis2= dict(side='left'),
)

# Figure
fig = go.Figure(data=data, layout=layout)

### App_____________________________________________
app = dash.Dash()
app.layout = html.Div([
    dcc.Graph(id='chart', figure=fig)
])

### End_____________________________________________
if __name__ == '__main__':
    app.run_server()

附录 4：部分解决方案（需求 #3 回调中实现的堆叠图）

    # add the relevant sub-charts / traces to the fig. 
    fig = psp.make_subplots(rows=2, cols=1)
    fig.append_trace(go.Scatter(x=df_fx.date, y=df_fx.close ,mode='lines',name='close'), 
                     row=1, col=1)
    fig.append_trace(go.Scatter(x=df_fx.date, y=df_fx.sma_s ,mode='lines',name='sma_s'), 
                     row=1, col=1)    
    fig.append_trace(go.Scatter(x=df_fx.date, y=df_fx.adx ,mode='lines',name='adx'),
                     row=2, col=1)

    fig.update_layout(height=600, title_text="Close and ADX")

附录 5：解决方案输出

标签： pythonplotlyplotly-dashyaxis

python - Plotly Dash Multiple Yaxis 堆叠在面板中

问题描述

解决方案

推荐阅读