small edits in hovermode tutorial

emmanuelle · emmanuelle · commit f2e26e8cf9f7 · 2020-04-02T11:27:14.000+02:00
diff --git a/doc/python/hover-text-and-formatting.md b/doc/python/hover-text-and-formatting.md
@@ -6,7 +6,7 @@ jupyter:
       extension: .md
       format_name: markdown
       format_version: '1.2'
-      jupytext_version: 1.3.1
+      jupytext_version: 1.3.0
   kernelspec:
     display_name: Python 3
     language: python
@@ -20,7 +20,7 @@ jupyter:
     name: python
     nbconvert_exporter: python
     pygments_lexer: ipython3
-    version: 3.6.8
+    version: 3.7.3
   plotly:
     description: How to use hover text and formatting in Python with Plotly.
     display_as: file_settings
@@ -34,9 +34,11 @@ jupyter:
 
 ### Hover Labels
 
-One of the most deceptively-power features of interactive visualization using Plotly is the ability for the user to reveal more information about a data point by moving their mouse cursort over the point and having a hover label appear. 
+One of the most deceptively-power features of interactive visualization using Plotly is the ability for the user to reveal more information about a data point by moving their mouse cursor over the point and having a hover label appear. 
 
-There are three hover modes available in Plotly. The default setting is `layout.hovermode='closest'`, wherein a single hover label appears for the point directly underneat the cursor:
+There are three hover modes available in Plotly. The default setting is `layout.hovermode='closest'`, wherein a single hover label appears for the point directly underneath the cursor.
+
+#### Hovermode `closest` (default mode)
 
 ```python
 import plotly.express as px
@@ -49,6 +51,8 @@ fig.update_traces(mode="markers+lines")
 fig.show()
 ```
 
+#### Hovermode `x` or `y` 
+
 If `layout.hovermode='x'` (or `'y'`), a single hover label appears per trace, for points at the same `x` (or `y`) value as the cursor. If multiple points in a given trace exist at the same coordinate, only one will get a hover label. In the line plot below we have forced markers to appear, to make it clearer what can be hovered over, and we have disabled the built-in Plotly Express `hovertemplate` by setting it to `None`, resulting in a more compact hover label per point:
 
 ```python
@@ -63,6 +67,8 @@ fig.update_layout(hovermode="x")
 fig.show()
 ```
 
+#### Unified hovermode
+
 If `layout.hovermode='x unified'` (or `'y unified'`), a single hover label appear, describing one point per trace, for points at the same `x` (or `y`) value as the cursor.  If multiple points in a given trace exist at the same coordinate, only one will get an entry in the hover label. In the line plot below we have forced markers to appear, to make it clearer what can be hovered over, and we have disabled the built-in Plotly Express `hovertemplate` by setting it to `None`, resulting in a more compact entry per point in the hover label:
 
 ```python
@@ -77,6 +83,21 @@ fig.update_layout(hovermode="x unified")
 fig.show()
 ```
 
+#### Selecting a hovermode in a figure created with `plotly.graph_objects`
+
+The hovermode is a property of the figure layout, so you can select a hovermode no matter how you created the figure, either with `plotly.express` or with `plotly.graph_objects`. Below is an example with a figure created with `plotly.graph_objects`. If you're not familiar with the structure of plotly figures, you can read [the tutorial on creating and updating plotly figures](/python/creating-and-updating-figures/).
+
+```python
+import plotly.graph_objects as go
+import numpy as np
+t = np.linspace(0, 2 * np.pi, 100)
+fig = go.Figure()
+fig.add_trace(go.Scatter(x=t, y=np.sin(t), name='sin(t)'))
+fig.add_trace(go.Scatter(x=t, y=np.cos(t), name='cost(t)'))
+fig.update_layout(hovermode='x unified')
+fig.show()
+```
+
 ### Customizing Hover Label Appearance
 
 Hover label text and colors default to trace colors in hover modes other than `unified`, and can be globally set via the `layout.hoverlabel` attributes. Hover label appearance can also be controlled per trace in `<trace>.hoverlabel`.
diff --git a/doc/python/time-series.md b/doc/python/time-series.md
@@ -204,7 +204,7 @@ fig = px.scatter(df, x='Date', y='AAPL.High', range_x=['2015-12-01', '2016-01-15
 fig.update_xaxes(
     rangebreaks=[
         dict(bounds=["sat", "mon"]), #hide weekends
-        dict(values=["2015-12-25", "2016-01-01"]) #hide Christmas and New Year's
+        dict(values=["2015-12-25", "2016-01-01"])  # hide Christmas and New Year's
     ]
 )
 fig.show()

Original file line number	Diff line number	Diff line change
`@@ -204,7 +204,7 @@ fig = px.scatter(df, x='Date', y='AAPL.High', range_x=['2015-12-01', '2016-01-15`
`204`	`204`	`fig.update_xaxes(`
`205`	`205`	`rangebreaks=[`
`206`	`206`	`dict(bounds=["sat", "mon"]), #hide weekends`
`207`		`- dict(values=["2015-12-25", "2016-01-01"]) #hide Christmas and New Year's`
	`207`	`+ dict(values=["2015-12-25", "2016-01-01"]) # hide Christmas and New Year's`
`208`	`208`	`]`
`209`	`209`	`)`
`210`	`210`	`fig.show()`