Skip to content

hovertemplate.py #154

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Nov 2, 2019
Merged

hovertemplate.py #154

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
bfaf23d
hovertext.py
Oct 23, 2019
234fb0a
minor revisions
Oct 24, 2019
f072031
hovertemplate were added to the current hover-text file
Oct 24, 2019
18ea22e
Delete hovertemplate.md
Mahdis-z Oct 24, 2019
85a47a7
replacing transform example
Nov 1, 2019
1e62371
added an example from v3
Nov 1, 2019
b9700e6
changing title
Nov 1, 2019
ceeaf7b
final revision
Nov 1, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
minor revisions
  • Loading branch information
“mahdis-z” committed Oct 24, 2019
commit 234fb0a5a8ade1295eaa338ddc9faeb13b4ac240
12 changes: 9 additions & 3 deletions python/hovertemplate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,9 +37,11 @@ jupyter:
v4upgrade: true
---

### Add Hover Template to Pie Chart
### Customize tooltip text with a hovertemplate

To customize the tooltip on your graph you can use [hovertemplate](https://plot.ly/python/reference/#pie-hovertemplate), which is a template string used for rendering the information that appear on hoverbox.
This template string can include `variables` in %{variable} format, `numbers` in [d3-format's syntax](https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_forma), and `date` in [d3-time-fomrat's syntax](https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md#format).
Hovertemplate customize the tooltip text vs. [texttemplate](https://plot.ly/python/reference/#pie-texttemplate) which customizes the text that appears on your chart.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add a see also link to the tutorial on texttemplate you just wrote!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please explain here how to write the template string: which labels can be used, which formatting etc

```python
import plotly.graph_objects as go
Expand All @@ -59,9 +61,9 @@ fig.show()

```python
import plotly.io as pio
import pandas as pd
import plotly.express as px

df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/gapminderDataFiveYear.csv")
df = px.data.gapminder()
A = []
B = []

Expand Down Expand Up @@ -129,3 +131,7 @@ fig.update_layout(

fig.show()
```

```python

```