Python Plotly：创建一个带有下拉菜单的绘图直方图图，然后将其放入HTML中

Question

目标：使用下拉菜单创建一个模块直方图，然后将其放入HTML中。 HTML将具有多种不同类型的图形（在此问题中未提及）。

我实际上具有许多列的大数据框/CSV。但是对于这个问题，我正在考虑一个非常简单的CSV/DataFrame。 CSV/DataFrame有三列 - 主机，请求，事件。以下是样本CSV。

HOST,REQUEST,INCIDENT
host1,GET,error
host1,GET,warning
host1,GET,warning
host1,POST,warning
host1,POST,error
host1,POST,warning
host2,GET,warning
host2,GET,error
host2,GET,warning
host2,POST,error
host2,POST,warning
host2,POST,error
host3,GET,error
host3,GET,error
host3,GET,error
host3,POST,error
host3,POST,error
host3,POST,warning
host4,GET,warning
host4,GET,error
host4,GET,error
host4,POST,error
host4,POST,warning
host4,POST,warning

目前，我正在为每个主机绘制“请求与事件”的单独直方图图，然后从中创建一个HTML。意味着，如果有四个不同的主机，那么我正在绘制HTML中的四个不同的直方图图。 以下是我的代码。

import pandas as pd
import plotly.express as px

print(f"START")
df = pd.read_csv("dropdown.csv")
hosts = list(df['HOST'].unique())
print(hosts)
for host in hosts:
    title = "Dropdown grap for host = " + host
    df1 = df.loc[(df['HOST'] == host)]
    graph = px.histogram(df1, x='REQUEST', color='INCIDENT', title=title)
    with open("dropdown.html", 'a') as f:
        f.write(graph.to_html(full_html=False, include_plotlyjs=True))
print(f"END")

以下是我的输出html有四个图

但是我的目标是在输出HTML中绘制单个直方图图，主机是下拉列表。我应该能够从下拉菜单中选择不同的主机，以获取每个相应主机的图形。 使用Plotly Express，我没有任何选择来实现所需的输出。需要帮助。 ，特别是如果我可以使用情节实现这一目标。表达本身会很棒！ 也欢迎其他选项。

Answer 1

您可以循环遍历所有可能的主机，并使用fig = px.histogram（df_subset_by_host，x ='request'，color ='iscod'），然后提取存储在中的x数组数据中图。_DATA对象，并将此数据分配给每个主机选择按钮的“ X” arg。

例如：

from io import StringIO
import pandas as pd
import plotly.express as px

data_str = StringIO("""HOST,REQUEST,INCIDENT
host1,GET,error
host1,GET,warning
host1,GET,warning
host1,POST,warning
host1,POST,error
host1,POST,warning
host2,GET,warning
host2,GET,error
host2,GET,warning
host2,POST,error
host2,POST,warning
host2,POST,error
host3,GET,error
host3,GET,error
host3,GET,error
host3,POST,error
host3,POST,error
host3,POST,warning
host4,GET,warning
host4,GET,error
host4,GET,error
host4,POST,error
host4,POST,warning
host4,POST,warning""")

df = pd.read_csv(data_str)

hosts = list(df['HOST'].unique())
host_default = "host1"
title = f"Dropdown grap for host = {host_default}"

fig = px.histogram(df.loc[df['HOST'] == host_default], x='REQUEST', color='INCIDENT', title=title)

buttons = []
for host in hosts:
    df_host = df.loc[(df['HOST'] == host)]
    fig_host = px.histogram(df_host, x='REQUEST', color='INCIDENT')
    buttons.append(
        dict(
            label=host,
            method="update",
            args=[
                {
                    "x": [trace['x'] for trace in fig_host._data],
                    "title": f"Dropdown group for host {host}"
                }
            ]
        )
    )

fig.update_layout(
    updatemenus=[
        dict(
            type="dropdown",
            direction="down",
            showactive=True,
            buttons=buttons
        )
    ]
)

fig.show()