如何摆脱情节线图中的潦草线条？

Question

我正在尝试使用 plotly 绘制子图，其中我有一些线图，子图中的所有图都需要共享相同的 x 轴，如图所示。

fig = make_subplots(
    rows=5, 
    cols=1, 
    vertical_spacing=0.05,
    subplot_titles=['Count / Anzahl', 'min_nValue', 'max_nValue', 'avg_nValue', 'sum_nValue'],
    shared_xaxes=True,
)
fig.append_trace(go.Scatter(
    x=df_dict_nValueAgg['Erste_15_Minuten']['KurzName'],
    y=df_dict_nValueAgg['Erste_15_Minuten']['min_nValueNorm'],
    name = "min_nValue_" + "Erste_15_Minuten",
    mode='lines+markers',
    #legendgroup = 2
), row=2, col=1)

fig.append_trace(go.Scatter(
    x=df_dict_nValueAgg['Erste_15_Minuten']['KurzName'],
    y=df_dict_nValueAgg['Erste_15_Minuten']['max_nValueNorm'],
    name = "max_nValue_" + "Erste_15_Minuten",
    mode='lines+markers',
    #legendgroup = 2
), row=2, col=1)
.
.
.
# couple of plots more
.
.
fig.update_layout(
    legend_orientation="v", 
    height=1000, 
    width=2000,  
    title_text=currentEventTitle+pastEventTitle+nAttributes,
)
fig.update_xaxes(tickangle=45)
fig.write_image('fig1.png')
fig.show()

这给了我这个数字

所以我过滤每个

的数据

最后三个图产生了潦草的线条。现在我明白了，因为我根据列的四个值过滤数据，即 Erste_15_Minuten、Zweite_15_Minuten、Dritte_15_Minuten 和 Letzte_15_Minuten 最后三个图的 xticks 数不相等或顺序不同。有什么办法可以避免这个问题吗？切换到条形图可以避免这个问题，但我只需要使用线图。提前谢谢你。

Answer 1

通过查看您的代码。 dict
无法保证这些数据帧具有相同的 KurzName 顺序
有模拟数据符合以上理解
然后提供了一种方法来重新排序数据帧以与生成线图的第三个一致
1. 合并到 KurzName
2. 使用第一个数据帧的索引来定义排序顺序
看图片
- 条形图 - 好的，不依赖于顺序
- 第一个折线图是潦草的，第二个不是
- 因此强制数据帧的顺序解决了问题

import numpy as np
import pandas as pd
import plotly.graph_objects as go
from plotly.subplots import make_subplots

# fmt: off
words = ['adipisci', 'aliquam', 'amet', 'consectetur', 'dolor', 'dolore', 'dolorem', 'eius', 'est', 'etincidunt', 'ipsum', 'labore', 'magnam', 'modi', 'neque', 'non', 'numquam', 'porro', 'quaerat', 'quiquia', 'quisquam', 'sed', 'sit', 'tempora', 'ut', 'velit', 'voluptatem']
# fmt: on

r = np.random.choice(words, [2, 30])
r = np.char.add(r[0], np.char.add("_", r[1]))

# Erste_15_Minuten, Zweite_15_Minuten, Dritte_15_Minuten and Letzte_15_Minuten the number
df_dict_nValueAgg = {}
for k in [
    "Erste_15_Minuten",
    "Zweite_15_Minuten",
    "Dritte_15_Minuten",
    "Letzte_15_Minuten",
]:
    np.random.shuffle(r)
    df_dict_nValueAgg[k] = pd.DataFrame(
        {
            "KurzName": r,
            "Count": np.random.randint(100, 300, len(r)),
            "min_nValueNorm": np.random.uniform(0, 0.5, len(r)),
            "max_nValueNorm": np.random.uniform(0.5, 1, len(r)),
        }
    )

fig = make_subplots(
    rows=5,
    cols=1,
    vertical_spacing=0.05,
    subplot_titles=[
        "Count / Anzahl",
        "min_nValue",
        "max_nValue",
        "avg_nValue",
        "sum_nValue",
    ],
    shared_xaxes=True,
)

for k in df_dict_nValueAgg.keys():
    fig.add_trace(
        go.Bar(
            x=df_dict_nValueAgg[k]["KurzName"], y=df_dict_nValueAgg[k]["Count"], name=k
        ),
        row=1,
        col=1,
    )


# this will be scibbled as each dataframe is in a different order
for k in df_dict_nValueAgg.keys():
    fig.add_trace(
        go.Scatter(
            x=df_dict_nValueAgg[k]["KurzName"],
            y=df_dict_nValueAgg[k]["max_nValueNorm"],
            name=k + " scribble max",
        ),
        row=4,
        col=1,
    )

# force order of dataframes to be same as first
for i, k in enumerate(df_dict_nValueAgg.keys()):
    df = df_dict_nValueAgg[k]
    if i > 0:
        df = df.merge(
            df_dict_nValueAgg[list(df_dict_nValueAgg.keys())[0]]
            .loc[:, "KurzName"]
            .reset_index(),
            on="KurzName",
        ).sort_values("index")

    fig.add_trace(
        go.Scatter(
            x=df["KurzName"],
            y=df["max_nValueNorm"],
            name=k + " max",
        ),
        row=5,
        col=1,
    )


fig

如何摆脱情节线图中的潦草线条？

How to get rid of scribbled lines in plotly line plot?

python

data-visualization

dataframe

plotly

plotly-python