Plotly: как построить график на вторичной оси Y с помощью plotly express - PullRequest
1 голос
/ 11 июля 2020

Как использовать графически. express для построения нескольких строк на двух осях y из одного Pandas фрейма данных?

Я считаю это очень полезным для построения всех столбцов, содержащих определенную подстроку c:

    fig = px.line(df, y=df.filter(regex="Linear").columns, render_mode="webgl")

, поскольку я не хочу l oop по всем моим отфильтрованным столбцам и использовать что-то вроде:

    fig.add_trace(go.Scattergl(x=df["Time"], y=df["Linear-"]))

на каждой итерации.

1 Ответ

1 голос
/ 11 июля 2020

Мне потребовалось некоторое время, чтобы разобраться с этим, но я думаю, что это может быть полезно для некоторых людей.

# import some stuff
import plotly.express as px
from plotly.subplots import make_subplots
import pandas as pd
import numpy as np

# create some data
df = pd.DataFrame()
n = 50
df["Time"] = np.arange(n)
df["Linear-"] = np.arange(n)+np.random.rand(n)
df["Linear+"] = np.arange(n)+np.random.rand(n)
df["Log-"] = np.arange(n)+np.random.rand(n)
df["Log+"] = np.arange(n)+np.random.rand(n)
df.set_index("Time", inplace=True)

subfig = make_subplots(specs=[[{"secondary_y": True}]])

# create two independent figures with px.line each containing data from multiple columns
fig = px.line(df, y=df.filter(regex="Linear").columns, render_mode="webgl",)
fig2 = px.line(df, y=df.filter(regex="Log").columns, render_mode="webgl",)

fig2.update_traces(yaxis="y2")

subfig.add_traces(fig.data + fig2.data)
subfig.layout.xaxis.title="Time"
subfig.layout.yaxis.title="Linear Y"
subfig.layout.yaxis2.type="log"
subfig.layout.yaxis2.title="Log Y"
# recoloring is necessary otherwise lines from fig und fig2 would share each color
# e.g. Linear-, Log- = blue; Linear+, Log+ = red... we don't want this
subfig.for_each_trace(lambda t: t.update(line=dict(color=t.marker.color)))
subfig.show()

Finished graph

The trick with

subfig.for_each_trace(lambda t: t.update(line=dict(color=t.marker.color)))

I got from nicolaskruchten here: { ссылка }

...