enable display of different ticktext for hover and axis when using `hovermode='x unified'`
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- Python
- Star
- 18.8k
- Fork
- 2.8k
- Merge trung bình
- 16 giờ 26 phút
- Pull request đã merge (30 ngày)
- 21
Mô tả
Hi,
Below you can read a feature request (given that this does not exist already).
The scenario
I am looking for a nice solution for displaying a hover "title" different from the ticks when using hovermode='x unified'.
Let's say that you want to display multiple time series and you have your range defined in 2 different ways. You have the timestamps, and the elapsed time. Now, you don't want to display both on the x axis to keep that clutter free, but you want to display them when hovering over the plot.
The problem
Take this code for example:
import plotly.graph_objects as go
x = ['2023-07-01', '2023-07-02', '2023-07-03', '2023-07-04']
y1 = [10, 15, 7, 12]
y2 = [5, 8, 10, 6]
ticktext = ['Day 1', 'Day 2', 'Day 3', 'Day 4']
tickvals = x
hovertext = ['Hover 1', 'Hover 2', 'Hover 3', 'Hover 4']
fig = go.Figure()
fig.add_trace(go.Scatter(x=x, y=y1, hovertext=hovertext, name='Series 1'))
fig.add_trace(go.Scatter(x=x, y=y2, name='Series 2'))
fig.update_layout(xaxis=dict(
tickmode='array',
ticktext=ticktext,
tickvals=tickvals
),
hovermode='x unified'
)
fig.show()
This will produce the following plot, and the problem is that I want to place "Hover 2" in place of "Day 2", while keeping "Day 2" on the x axis:
One solution
One solution I came up with was introducing a 2nd y axis, and placing the hover information there, hiding the axis and hiding the line. This works fine, however results in a hover display that looks "funny", essentially leaving some padding before the displayed text.
import plotly.graph_objects as go
x = ['2023-07-01', '2023-07-02', '2023-07-03', '2023-07-04']
y1 = [10, 15, 7, 12]
y2 = [5, 8, 10, 6]
ticktext = ['Day 1', 'Day 2', 'Day 3', 'Day 4']
tickvals = x
hovertext = ['Hover 1', 'Hover 2', 'Hover 3', 'Hover 4']
fig = go.Figure()
fig.add_trace(go.Scatter(x=x,
y=y1,
text=hovertext,
yaxis='y2',
opacity=0,
showlegend=False,
hovertemplate = "%{text}<extra></extra>") )
fig.add_trace(go.Scatter(x=x, y=y1, hovertext=hovertext, name='Series 1', hovertemplate = "%{y:.1f}<extra></extra>"))
fig.add_trace(go.Scatter(x=x, y=y2, name='Series 2', hovertemplate = "%{y:.1f}<extra></extra>"))
fig.update_layout(xaxis=dict(
tickmode='array',
ticktext=ticktext,
tickvals=tickvals
),
hovermode='x unified',
yaxis2 = dict(
overlaying='y',
showticklabels=False
),
)
fig.show()
Proposed solution
It would be so amazing if one could just have a hoverticktext arg in the layout, that would allow for another piece of text to be set.
Imaginary example code with expected result:
import plotly.graph_objects as go
x = ['2023-07-01', '2023-07-02', '2023-07-03', '2023-07-04']
y1 = [10, 15, 7, 12]
y2 = [5, 8, 10, 6]
ticktext = ['Day 1', 'Day 2', 'Day 3', 'Day 4']
tickvals = x
hovertext = ['Hover 1', 'Hover 2', 'Hover 3', 'Hover 4']
fig = go.Figure()
fig.add_trace(go.Scatter(x=x, y=y1, name='Series 1'))
fig.add_trace(go.Scatter(x=x, y=y2, name='Series 2'))
fig.update_layout(xaxis=dict(
tickmode='array',
ticktext=ticktext,
tickvals=tickvals,
hoverticktext = hovertext # added this imaginary line
),
hovermode='x unified'
)
fig.show()
And this would result in the following (edited picture) plot:
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu bằng cách xem xét các ví dụ Python của issue và hành vi hiện có của axis ticktext, tickvals, hovertext và unified-hover trong plotly.py. Không có tệp mã nguồn hoặc test nào được nêu tên, vì vậy hãy xác định các entry point liên quan đến axis và hover trước khi quyết định thay đổi thuộc về plotly.py hay plotting layer bên dưới của nó. Hoàn thành có nghĩa là hover-axis text riêng biệt hoạt động với hovermode='x unified' trong khi các nhãn tick của axis vẫn không thay đổi, và có coverage cho trường hợp được minh họa.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- python
- Lĩnh vực
- data-visualization
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 35/100