Skip to content

Commit 29607a5

Browse files
authored
Mention extra tag in hovertemplate tutorial (#2329)
* Mention extra tag in hovertemplate tutorial Following various interactions on the forum, including https://community.plotly.com/t/tooltip-in-dash-shows-trace-0-how-to-get-rid-of-that/36844/2 * more text
1 parent cf181d3 commit 29607a5

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

Diff for: doc/python/hover-text-and-formatting.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -141,8 +141,9 @@ fig.show()
141141
### Customizing hover text with a hovertemplate
142142

143143
To customize the tooltip on your graph you can use [hovertemplate](https://plotly.com/python/reference/#pie-hovertemplate), which is a template string used for rendering the information that appear on hoverbox.
144-
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-format's syntax](https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md#format).
145-
Hovertemplate customize the tooltip text vs. [texttemplate](https://plotly.com/python/reference/#pie-texttemplate) which customizes the text that appears on your chart. <br>
144+
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-format's syntax](https://github.com/d3/d3-3.x-api-reference/blob/master/Time-Formatting.md#format). In the example below, the empty `<extra></extra>` tag removes the part of the hover where the trace name is usually displayed in a contrasting color. The `<extra>` tag can be used to display other parts of the hovertemplate, it is not reserved for the trace name.
145+
146+
Note that a hovertemplate customizes the tooltip text, while a [texttemplate](https://plotly.com/python/reference/#pie-texttemplate) customizes the text that appears on your chart. <br>
146147
Set the horizontal alignment of the text within tooltip with [hoverlabel.align](https://plotly.com/python/reference/#layout-hoverlabel-align).
147148

148149
Plotly Express automatically sets the `hovertemplate`, but you can set it manually when using `graph_objects`.

0 commit comments

Comments
 (0)