Plotly animation 折线图更改注释值的颜色

Question

我有一个数据框 'df_vcm_set_funct_mode1' 我正在添加两列并使用 plotly animation 图表进行绘图。 请在下面查看我的代码。

df_vcm_set_funct_mode1['SPEC_MIN'] = -0.01
df_vcm_set_funct_mode1['SPEC_MAX'] = 0.01
VCM_DELTA_FUN = px.line(df_vcm_set_funct_mode1, x = "Temp(deg)", y=["VCM_DELTA_10ms",'VCM_DELTA_20ms','SPEC_MIN','SPEC_MAX'],
              color = "Device_ID",animation_frame="Supply[V]",title="VCM SETTLING 10ms 20ms",markers=True)

VCM_DELTA_FUN.add_annotation(x=-40, y= -0.01,
            text="SPEC_MIN",
            showarrow=True,
            arrowhead=1)
VCM_DELTA_FUN.add_annotation(x=-40, y= 0.01,
            text="SPEC_MAX",
            showarrow=True,
            arrowhead=1)
VCM_DELTA_FUN.update_layout(xaxis_title = "Voltage",yaxis_title = "VCM_DELTA 20ms & 10ms")
VCM_DELTA_FUN.show()

当我 plot 时，我得到两个带注释的东西（SPEC_MIN 和 SPEC_MAX）的颜色相同。请参见下图。

我需要两个不同的 colors 中的 spec_max 和 Spec_min。 我可以知道怎么做吗

Device_ID   Die_Version Temp(deg)   Supply[V]   VCM_10ms    VCM_20ms    VCM_5S  VCM_DELTA_10ms  VCM_DELTA_20ms
 FFK_571       0x81         -40           2.5       1.286      1.284       1.282   -0.003          -0.001
 SFK_619       0x81         -40           2.5       1.263      1.258       1.236   -0.027          -0.022
 TTK_538       0x81          -40          2.5       1.279      1.279       1.273   -0.006          -0.006
 FFK_TN_631    0x81          -40          2.5       1.283      1.282        1.279   -0.004         -0.003
 FFK_TN_631    0x81          -40          2.7       1.287      1.286       1.283   -0.004          -0.003

Answer 1

IIUC，我们的数据看起来像这样：

import pandas as pd
import numpy as np
import plotly.express as px

data = {'Device_ID':np.repeat(['A','B'],8),
        'Temp':np.tile([*range(-40,120,20)],2),
        'Supply': [2.5]*16,
        'VCM_DELTA 20ms':np.random.uniform(-0.03,0.03,16),
        'VCM_DELTA 10ms':np.random.uniform(-0.03,0.03,16)}
        
df = pd.DataFrame(data)
print(df)

   Device_ID  Temp  Supply  VCM_DELTA 20ms  VCM_DELTA 10ms
0          A   -40     2.5        0.025515       -0.009489
1          A   -20     2.5       -0.003601       -0.028498
2          A     0     2.5        0.006799        0.005940
3          A    20     2.5        0.026511        0.002165
4          A    40     2.5        0.023773       -0.021034
5          A    60     2.5       -0.017705       -0.026885
6          A    80     2.5        0.016171       -0.001522
7          A   100     2.5       -0.026219       -0.026108
8          B   -40     2.5        0.028767       -0.023051
9          B   -20     2.5       -0.004207       -0.024583
10         B     0     2.5        0.026277       -0.021089
11         B    20     2.5       -0.018630        0.010538
12         B    40     2.5        0.009662       -0.029476
13         B    60     2.5        0.006762        0.027054
14         B    80     2.5        0.005418       -0.007464
15         B   100     2.5       -0.001756       -0.019856

Plot

在不同的 colors 中添加了SPEC_MIN （在y=-0.01处）和SPEC_MAX （在y=0.01处）。 我们可以这样做：

fig = px.line(df, x = "Temp", y=['VCM_DELTA 20ms','VCM_DELTA 10ms'],
              color = 'Device_ID', animation_frame='Supply', markers=True)

d = {'SPEC_MIN': [-0.01,'Green'],
     'SPEC_MAX': [0.01,'Purple']}

min_temp, max_temp = df.Temp.agg(['min','max'])

for k,v in d.items():
    fig.add_shape(type='line',
                    x0=min_temp,
                    x1=max_temp,
                    y0 = v[0],
                    y1= v[0],
                    line=dict(color=v[1],dash="dash"),
    )
    fig.add_annotation(x=min_temp, y=v[0],
                text=k,
                showarrow=True,
                arrowhead=5,
                ay=-50,
                ax=-50)

fig.update_layout(xaxis_title = "Voltage", 
                  yaxis_title = "VCM_DELTA 20ms & 10ms")

fig.show()

结果

或者，如果您不介意这些线将穿过整个 x 轴，您也可以使用fig.add_hline代替fig.add_shape 。 例如：

for k,v in d.items():
    fig.add_hline(type='line', y=v[0],
                  line=dict(color=v[1],dash="dash"),
    )
    fig.add_annotation(x=min_temp, y=v[0],
                text=k,
                showarrow=True,
                arrowhead=5,
                ay=-50,
                ax=-50)

---

注意您最初方法的问题（添加列SPEC_MIN和SPEC_MIN ）是您只是在Device_ID中为每个ID添加两行。 两条线都是紫色的原因与以下事实有关，即对于每个ID ，您都添加了完全相同的线。 最后，我们看到的两行与Device_ID中最后一个唯一值的颜色“紫色”相匹配，因为它们覆盖了前面的“蓝色、红色、绿色”行。