Multiple y axis

📊 Plotly Python
1

Hi

I have a problem with rendering Y axises.
I want to display many variables on the y-axis of varying ranges. I would like the y-axis to appear when I click on a value in the legend and again the y-axis turns off with the value in the legend turned off. Is there any way to do it.

Here is code:

import dash
from dash import Dash, html, dash_table, dcc, callback, Output, Input
import pandas as pd
import plotly.express as px
import numpy as np
import os,re, glob
import plotly.graph_objects as go
import scipy
from sklearn import preprocessing
from sklearn.preprocessing import MinMaxScaler
from plotly.subplots import make_subplots

global numbers
numbers=re.compile(r'(\d+)')

def numericalSort(value):
    parts = numbers.split(value)
    parts[1::2] = map(int, parts[1::2])
    return parts

path=r'C:\\User\...'

app = Dash(__name__)

all_files = glob.glob(os.path.join(path, "*.csv"))
df=pd.read_csv(r'C:\\Users\...',sep=',|s+',engine='python', na_filter= False)
print (df)
col_names=['TIME','N1','N2','N3','N4','N5']
df=df.reindex(columns=col_names)

fig = go.Figure()

fig.add_trace(go.Scatter(
    x=df['TIME'],
    y=df['N1'],
    name="N1",
    yaxis="y1",
    line=dict(color="#1f77b4"),
    visible='legendonly'
))


fig.add_trace(go.Scatter(
    x=df['TIME'],
    y=df['N2'],
    name="N2",
    yaxis="y2",
    line=dict(color="#ff7f0e"),
    visible='legendonly'
))

fig.add_trace(go.Scatter(
    x=df['TIME'],
    y=df['N3'],
    name="N3",
    yaxis="y3",
    line=dict(color="#d62728"),
    visible='legendonly'
))

fig.add_trace(go.Scatter(
    x=df['TIME'],
    y=df['N4'],
    name="N4",
    yaxis="y4",
    visible='legendonly'
))

fig.add_trace(go.Scatter(
    x=df['TIME'],
    y=df['N5'],
    name='N5',
    yaxis="y5",
    line=dict(color="#1f77b4"),
    visible='legendonly'
))




# Create axis objects
fig.update_layout(

    yaxis=dict(
        title=dict(
            text="N1",
            font=dict(
                color="#1f77b4"
            )
        ),
        tickfont=dict(
            color="#1f77b4"
        ),
        anchor="y",
    ),
    yaxis2=dict(
        title=dict(
            text="N2",
            font=dict(
                color="#ff7f0e"
            )
        ),
        tickfont=dict(
            color="#ff7f0e"
        ),
        anchor="free",
        overlaying="y",
    ),
    yaxis3=dict(
        title=dict(
            text="N3",
            font=dict(
                color="#d62728"
            )
        ),
        tickfont=dict(
            color="#d62728"
        ),
        anchor="free",
        overlaying="y",
    ),
    yaxis4=dict(
        title=dict(
            text="N4",
            font=dict(
                color="#9467bd"
            )
        ),
        tickfont=dict(
            color="#9467bd"
        ),
        anchor="free",
        overlaying="y",
    ),

    yaxis5=dict(
        title=dict(
            text='N5',
            font=dict(
                color="#1f77b4"
            )
        ),
        tickfont=dict(
            color="#1f77b4"
        ),
        anchor="free",
        overlaying="y",
    )
)

fig.update_yaxes(showgrid=True, zeroline=True, showticklabels=True,
                 showspikes=False,spikethickness=0.5, spikemode='across', spikesnap='cursor', showline=True, spikedash='solid',spikecolor='black',autoshift=True)
fig.update_xaxes(showgrid=True, zeroline=True, showticklabels=True,
                 showspikes=False,spikethickness=0.5,spikemode='across', spikesnap='cursor', showline=True, spikedash='solid',spikecolor='black')
fig.update_layout(modebar_add=['drawline','drawopenpath','drawclosedpath','drawcircle','drawrect','eraseshape','v1hovermode', 'hoverclosest', 'hovercompare', 'togglespikelines'])

app.layout = html.Div([
    html.H1(children='NAMe'),

    dcc.Graph(
        id='example-graph',style={'width': '200vh', 'height': '90vh'},config={'scrollZoom':True},
        figure=fig
    )
])

if __name__ == '__main__':
    app.run('... ... ...', debug=False)

Thanks

2

Do you have anyone source code for this : Dash