Изменение аннотации или текста наведения курсора мыши на графическом графике в Python

#python #pandas #plotly

#python #pandas #график графика

Вопрос:

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

Вот данные:

    POD       Start      End         Diff        Percent     Date        
    IAD     4/1/2019    5/1/2019    160.4279    11.10809    04-01-2019 to 05-01-2019
    IAD     5/1/2019    6/1/2019    136.0248    8.476798    05-01-2019 to 06-01-2019
    IAD     6/1/2019    7/1/2019    174.0513    9.998946    06-01-2019 to 07-01-2019
    IAD     7/1/2019    8/1/2019    112.0424    5.851551    07-01-2019 to 08-01-2019
    IAD     8/1/2019    9/1/2019    141.8488    6.998691    08-01-2019 to 09-01-2019
    IAD     9/1/2019    10/1/2019   103.5522    4.774984    09-01-2019 to 10-01-2019
    IAD     10/1/2019   11/1/2019   125.6087    5.528085    10-01-2019 to 11-01-2019
    IAD     11/1/2019   12/1/2019   145.2591    6.058016    11-01-2019 to 12-01-2019
    IAD     12/1/2019   1/1/2020    115.5121    4.542251    12-01-2019 to 01-01-2020
    IAD     1/1/2020    2/1/2020    185.7191    6.985673    01-01-2020 to 02-01-2020
    IAD     2/1/2020    3/1/2020    126.7386    4.455896    02-01-2020 to 03-01-2020
    IAD     3/1/2020    4/1/2020    231.3461    7.786734    03-01-2020 to 04-01-2020
    IAD     4/1/2020    5/1/2020    97.02587      3.02981   04-01-2020 to 05-01-2020
    IAD     5/1/2020    6/1/2020    42.85235      1.298792  05-01-2020 to 06-01-2020
    IAD     6/1/2020    7/1/2020    124.666    3.729997     06-01-2020 to 07-01-2020
    IAD     7/1/2020    8/1/2020    357.9974    10.32609    07-01-2020 to 08-01-2020
    IAD     8/1/2020    9/1/2020    490.9587      12.8358   08-01-2020 to 09-01-2020
    IAD     9/1/2020    10/1/2020   204.5478    4.739428    09-01-2020 to 10-01-2020
    IAD     10/1/2020   11/1/2020   287.6025    6.362292    10-01-2020 to 11-01-2020
   SJCtest  4/1/2019    5/1/2019    12.38486    5.780551    04-01-2019 to 05-01-2019
   SJCtest  5/1/2019    6/1/2019    -2.61735    -1.15487    05-01-2019 to 06-01-2019
   SJCtest  6/1/2019    7/1/2019    -5.6187    -2.50814     06-01-2019 to 07-01-2019
   SJCtest  7/1/2019    8/1/2019    3.204252    1.467153    07-01-2019 to 08-01-2019
   SJCtest  8/1/2019    9/1/2019    -25.3782    -11.4521    08-01-2019 to 09-01-2019
   SJCtest  9/1/2019    10/1/2019   -10.9717    -5.59137    09-01-2019 to 10-01-2019
  

Вот код: (Член SO помог мне с этим кодом)

 import pandas as pd
import plotly.express as px
import plotly.graph_objects as go

df = pd.read_csv("df.csv")

fig = px.line(df, x="Date", y="Diff", color = 'POD')

import plotly.graph_objects as go
included = 0

lim = {'IAD': {'lower': 90,'upper': 350, 'color':'yellow'},
       'SJCtest': {'lower': 10,'upper': 12, 'color':'green'}}

for i, d in enumerate(fig.data):
    for j, y in enumerate(d.y):
        if y < lim[d.name]['lower'] or y > lim[d.name]['upper']:
             
             if j == 0:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j]],
                                          mode = 'markers',
                                          marker = dict(color=lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold'))
                included = included   1
             else:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j-1], fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j-1], fig.data[i]['y'][j]],
                                          mode = 'lines',
                                          # marker = dict(color='yellow'),
                                          line = dict(width = 6, color = lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold',
                                          showlegend = False if included > 0 else True,
                                         ))
                included = included   1
            
fig.show()
  

Вот визуализация

введите описание изображения здесь

Это выглядит великолепно, но я хочу добавить несколько дополнительных строк к тексту наведения курсора, например, текст, который выглядит следующим образом:

           POD:   IAD
          Date:  ....(the appropriate date)
          Percent: ...(the appropriate percent value)
  

Я прочитал документацию и попытался реализовать:

  fig = (hover_name="", hover_data=["", ""]
  

Я не получаю правильного результата.
Любое предложение приветствуется.

Ответ №1:

Попробуйте выполнить следующие действия:

— Добавьте параметр hover_data в свой fig при вызове px.line :

 fig = px.line(df, x="Date", y="Diff", color = 'POD', hover_data=['POD','Date','Percent'])
  

— Добавьте параметр customdata = fig.data[i].customdata к обоим вашим go.Scatter вызовам.

— Определите желаемый шаблон наведения курсора:

 template = """
<b>POD:</b> %{customdata[0]}<br>
<b>Date:</b> %{x}<br>
<b>Percent:</b> %{customdata[2]:.2f}%
<extra></extra>
"""
  

— Наконец, вы можете изменить hovertemplate с помощью:

fig.update_traces(hovertemplate=template)

Надеюсь, это сработает.


Весь код будет выглядеть так:

 import pandas as pd
import plotly.express as px
import plotly.graph_objects as go

df = pd.read_csv("df.csv")

fig = px.line(df, x="Date", y="Diff", color = 'POD', hover_data=['POD','Date','Percent']) # modified line

included = 0

lim = {'IAD': {'lower': 90,'upper': 350, 'color':'yellow'},
       'SJCtest': {'lower': 10,'upper': 12, 'color':'green'}}

for i, d in enumerate(fig.data):
    for j, y in enumerate(d.y):
        if y < lim[d.name]['lower'] or y > lim[d.name]['upper']:
             
            if j == 0:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j]],
                                          customdata = fig.data[i].customdata, # newline
                                          mode = 'markers',
                                          marker = dict(color=lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold'))
                included = included   1
            else:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j-1], fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j-1], fig.data[i]['y'][j]],
                                          mode = 'lines',
                                          customdata = fig.data[i].customdata, # newline
                                          # marker = dict(color='yellow'),
                                          line = dict(width = 6, color = lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold',
                                          showlegend = False if included > 0 else True,
                                         ))
                included = included   1

# custom template
template = """
<b>POD:</b> %{customdata[0]}<br>
<b>Date:</b> %{x}<br>
<b>Percent:</b> %{customdata[2]:.2f}%
<extra></extra>
"""
fig.update_traces(hovertemplate=template) #newline
fig.show()
  

Комментарии:

1. Большое вам спасибо @Caina — я могу разместить этот конкретный код в любом месте, верно? (До тех пор, пока он не находится в цикле?)

2. Извините @Lynnette, я думаю, что не очень хорошо понимаю ваш вопрос… Конечно, вы можете указать hover_data при создании графика с plotly.express помощью и использовать update_traces(hovertemplate=template) для указания желаемого шаблона наведения курсора вне цикла. Но customdata в данном конкретном случае он должен находиться внутри цикла для достижения вашей цели.

3. Я тоже тренируюсь и учусь plotly . Когда это становится слишком сложным, я просто изменяю значения непосредственно внутри fig.data , как и вы, когда у него есть хорошо организованная и доступная структура.

4. Хорошо! Я добавил весь измененный код, чтобы упростить его. Надеюсь, это сработает!

5. Спасибо! Я попробую это в ближайшее время! Спасибо

Ответ №2:

Просто включите следующее, fig.add_traces(go.Scatter() когда вы добавляете выделенный ряд:

 hovertemplate = 'POD=' d.name '<br>Date=%{x}<br>Diff=%{y}<extra></extra>'
  

Построить

введите описание изображения здесь

Полный код:

 import pandas as pd
import plotly.express as px
import plotly.graph_objects as go

df = pd.DataFrame({'POD': {0: 'IAD',
                          1: 'IAD',
                          2: 'IAD',
                          3: 'IAD',
                          4: 'IAD',
                          5: 'IAD',
                          6: 'IAD',
                          7: 'IAD',
                          8: 'IAD',
                          9: 'IAD',
                          10: 'IAD',
                          11: 'IAD',
                          12: 'IAD',
                          13: 'IAD',
                          14: 'IAD',
                          15: 'IAD',
                          16: 'IAD',
                          17: 'IAD',
                          18: 'IAD',
                          19: 'SJCtest',
                          20: 'SJCtest',
                          21: 'SJCtest',
                          22: 'SJCtest',
                          23: 'SJCtest',
                          24: 'SJCtest'},
                         'Start': {0: '4/1/2019',
                          1: '5/1/2019',
                          2: '6/1/2019',
                          3: '7/1/2019',
                          4: '8/1/2019',
                          5: '9/1/2019',
                          6: '10/1/2019',
                          7: '11/1/2019',
                          8: '12/1/2019',
                          9: '1/1/2020',
                          10: '2/1/2020',
                          11: '3/1/2020',
                          12: '4/1/2020',
                          13: '5/1/2020',
                          14: '6/1/2020',
                          15: '7/1/2020',
                          16: '8/1/2020',
                          17: '9/1/2020',
                          18: '10/1/2020',
                          19: '4/1/2019',
                          20: '5/1/2019',
                          21: '6/1/2019',
                          22: '7/1/2019',
                          23: '8/1/2019',
                          24: '9/1/2019'},
                         'End': {0: '5/1/2019',
                          1: '6/1/2019',
                          2: '7/1/2019',
                          3: '8/1/2019',
                          4: '9/1/2019',
                          5: '10/1/2019',
                          6: '11/1/2019',
                          7: '12/1/2019',
                          8: '1/1/2020',
                          9: '2/1/2020',
                          10: '3/1/2020',
                          11: '4/1/2020',
                          12: '5/1/2020',
                          13: '6/1/2020',
                          14: '7/1/2020',
                          15: '8/1/2020',
                          16: '9/1/2020',
                          17: '10/1/2020',
                          18: '11/1/2020',
                          19: '5/1/2019',
                          20: '6/1/2019',
                          21: '7/1/2019',
                          22: '8/1/2019',
                          23: '9/1/2019',
                          24: '10/1/2019'},
                         'Diff': {0: 160.4279,
                          1: 136.0248,
                          2: 174.0513,
                          3: 112.0424,
                          4: 141.8488,
                          5: 103.5522,
                          6: 125.6087,
                          7: 145.2591,
                          8: 115.5121,
                          9: 185.7191,
                          10: 126.7386,
                          11: 231.3461,
                          12: 97.02587,
                          13: 42.85235,
                          14: 124.666,
                          15: 357.9974,
                          16: 490.9587,
                          17: 204.5478,
                          18: 287.6025,
                          19: 12.38486,
                          20: -2.61735,
                          21: -5.6187,
                          22: 3.204252,
                          23: -25.3782,
                          24: -10.9717},
                         'Percent': {0: 11.108089999999999,
                          1: 8.476797999999999,
                          2: 9.998946,
                          3: 5.851551000000001,
                          4: 6.998691,
                          5: 4.774984,
                          6: 5.528085,
                          7: 6.058016,
                          8: 4.542251,
                          9: 6.985672999999999,
                          10: 4.455896,
                          11: 7.786734,
                          12: 3.02981,
                          13: 1.298792,
                          14: 3.729997,
                          15: 10.326089999999999,
                          16: 12.8358,
                          17: 4.739428,
                          18: 6.362292,
                          19: 5.780551,
                          20: -1.15487,
                          21: -2.50814,
                          22: 1.4671530000000002,
                          23: -11.4521,
                          24: -5.5913699999999995},
                         'Date': {0: '04-01-2019 to 05-01-2019',
                          1: '05-01-2019 to 06-01-2019',
                          2: '06-01-2019 to 07-01-2019',
                          3: '07-01-2019 to 08-01-2019',
                          4: '08-01-2019 to 09-01-2019',
                          5: '09-01-2019 to 10-01-2019',
                          6: '10-01-2019 to 11-01-2019',
                          7: '11-01-2019 to 12-01-2019',
                          8: '12-01-2019 to 01-01-2020',
                          9: '01-01-2020 to 02-01-2020',
                          10: '02-01-2020 to 03-01-2020',
                          11: '03-01-2020 to 04-01-2020',
                          12: '04-01-2020 to 05-01-2020',
                          13: '05-01-2020 to 06-01-2020',
                          14: '06-01-2020 to 07-01-2020',
                          15: '07-01-2020 to 08-01-2020',
                          16: '08-01-2020 to 09-01-2020',
                          17: '09-01-2020 to 10-01-2020',
                          18: '10-01-2020 to 11-01-2020',
                          19: '04-01-2019 to 05-01-2019',
                          20: '05-01-2019 to 06-01-2019',
                          21: '06-01-2019 to 07-01-2019',
                          22: '07-01-2019 to 08-01-2019',
                          23: '08-01-2019 to 09-01-2019',
                          24: '09-01-2019 to 10-01-2019'}})

fig = px.line(df, x="Date", y="Diff", color = 'POD')

import plotly.graph_objects as go
included = 0

lim = {'IAD': {'lower': 90,'upper': 350, 'color':'yellow'},
       'SJCtest': {'lower': 10,'upper': 12, 'color':'green'}}

for i, d in enumerate(fig.data):
    for j, y in enumerate(d.y):
        if y < lim[d.name]['lower'] or y > lim[d.name]['upper']:
             
             if j == 0:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j]],
                                          mode = 'markers',
                                          marker = dict(color=lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold',
                                          hovertemplate= 'POD=IAD<br>Date=%{x}<br>Percent=%{y}<extra></extra>'))
                included = included   1
             else:
                fig.add_traces(go.Scatter(x=[fig.data[i]['x'][j-1], fig.data[i]['x'][j]],
                                          y=[fig.data[i]['y'][j-1], fig.data[i]['y'][j]],
                                          mode = 'lines',
                                          # marker = dict(color='yellow'),
                                          line = dict(width = 6, color = lim[d.name]['color']),
                                          name = d.name   ' threshold',
                                          legendgroup = d.name   ' threshold',
                                          showlegend = False if included > 0 else True,
                                          hovertemplate = 'POD=' d.name '<br>Date=%{x}<br>Diff=%{y}<extra></extra>'
                                         ))
                included = included   1
            
fig.show()
  

Комментарии:

1. Привет @vestland, мне интересно, что означает: showlegend = False, если включено> 0, иначе True, )) включено = включено 1. Это говорит о том, что значения будут отображаться в легенде только в том случае, если значение включено больше 0? Я говорю это, потому что некоторые из моих значений не отображаются в легенде, потому что я установил нижний предел равным 0. Как бы мне это исправить?

2. @Lynette я не уверен на 100%, что вы хотели бы исправить. Но вы на правильном пути в отношении того, что included=included 1 делает; это просто предотвращает отображение имени этой конкретной трассы в легенде. Одна вещь, которая не слишком хороша в моем выбранном здесь подходе, заключается в том, что для каждой точки, которая пересекает трехугольник, добавляется одна трассировка. Но попробуйте удалить included=included 1 и посмотреть, что произойдет. Остальная часть графика не должна быть затронута.