Plotly：使用字典分配颜色不起作用并且悬停信息不正确

Question

我在短划线上创建了直方图，如果我从下拉菜单中选择项目名称，直方图会根据项目的各个阶段而变化，现在我想为项目的每个阶段分配颜色，否则它将随机分配颜色。我的第二个问题是直方图的悬停文本。我的输出如下：所以在这个输出中如果我从下拉菜单中选择prj-1，prj2。我看到属于选定项目的3个阶段。但是阶段3的悬停文本显示为“阶段1”。三个条形的颜色是相同的，即使我创建颜色的字典，我尝试使用以下行，但结果我看到直方图中的所有条形只有一种颜色。 ：

color_dict = {'phase1': '#9400D3', 'phase2': '#32CD32', 'phase3': '#FF8000','phase4': '#4682B4'}
marker': {
            'color': color_dict
        }

但如果我使用颜色作为列表它可以工作，但它将颜色设置为随机标签：

    marker': {
            'color': ['#9400D3','#32CD32', '#FF8000','#4682B4']
        }

我的输出将是：它几乎是我想要的输出，但仍然悬停文本是错误的并且颜色随机分配，我想例如将绿色分配给phase1，紫色到phase2等等使用字典，因为我把上面的例子。这是完整的代码：

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
def gantt_fig(df,val):
    if isinstance(val, str):
        df = df.loc[df['prjID']==val]
    else:
        df = df[df['prjID'].isin(val)]
    return df
df = pd.DataFrame({'prjID': ['prj-1', 'prj-1','prj-2', 'prj-2', 'prj-2','prj-3', 'prj-3', 'prj-4'],
               'prjPhase': ['phase1', 'phase2','phase1', 'phase3', 'phase2', 'phase2','phase1', 'phase4']})
options = df['prjID'].unique()
activities = df['prjPhase'].unique()
app = dash.Dash()
app.layout = html.Div([
    dcc.Dropdown(id='my-dropdown',options=[{'label': name, 'value': name} for name in options],
        value=options[0], multi=True),
    dcc.Graph(id='my-graph')])

@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(dropdownproject):
    fig = gantt_fig(df, dropdownproject)
    df2= fig
    color_dict = {'phase1': '#9400D3', 'phase2': '#32CD32', 'phase3': '#FF8000','phase4': '#4682B4'}
    figure = {
        'data': [
        {
            'x': df2['prjPhase'],
            'text': df2['prjPhase'],
            'type': 'histogram',
            'marker': {
                'color': color_dict
            }}]}
    return figure
if __name__ == '__main__':
    app.run_server(debug=True)

谢谢。

Answer 1

仍然不太确定你在尝试什么，但这是发生了什么：

如果你看看df2['prjPhase']，你会看到

>>> df2['prjPhase']
0    phase1
1    phase2
2    phase1
3    phase3
4    phase2
Name: prjPhase, dtype: object

因此，当使用直方图时，'x': df2['prjPhase']将计算该系列中每个唯一值的出现次数。由于有3个不同的值，X轴将有3个箱，通过做'text': df2['prjPhase']，你将5个值传递给这些箱，因此名称错误。

'text': df2['prjPhase'].unique()会更充足（我仍然会检查它产生的顺序）和颜色一样，'color': [color_dict[x] for x in df2['prjPhase'].unique()]会确保在每条痕迹中使用正确的颜色（如果你只把列表颜色错了，如果有一个phase4例如，没有phase3的发生）。

如果你正在使用甘特图，我也会看看情节的figure factory gantt charts。