How to add vertical line to plotly plot

Question

I am testing plotly express.

I have the latest version: 0.4.1

I am trying to plot the most basic chart in their tutorial but it's throwing an error:

import plotly.express as px

df = px.data.iris()
fig = px.scatter(df, x="petal_length", y="petal_width")
fig.add_vline(x=2.5, line_width=3, line_dash="dash", line_color="green")
fig.add_hrect(y0=0.9, y1=2.6, line_width=0, fillcolor="red", opacity=0.2)
fig.show()


AttributeError: 'Figure' object has no attribute 'add_vline'

Am I doing something wrong?

All I want to do is to get add_vline working.

It's the second example on the how-to guide here: https://plotly.com/python/horizontal-vertical-shapes/

add_vline is introduced in plotly 4.12. Please update your package. — mosc9575
– mosc9575, Commented Jan 22, 2021 at 14:31

vestland · Accepted Answer · 2021-01-22 15:22:42Z

29

As of plotly version 4.12, which you seem to not be running, you can add Horizontal and Vertical Lines and Rectangles. So for your case, just use:

fig.add_vline()

And there's nothing wrong with your code on my end. This exact snippet:

import plotly.express as px
df = px.data.iris()
fig = px.scatter(df, x="petal_length", y="petal_width")
fig.add_vline(x=2.5, line_width=3, line_dash="dash", line_color="green")
fig.add_hrect(y0=0.9, y1=2.6, line_width=0, fillcolor="red", opacity=0.2)
fig.show()

...produces this figure:

Which plotly version are you running?

edited Jan 22, 2021 at 15:22

answered Jan 22, 2021 at 14:31

vestland

62.1k41 gold badges220 silver badges342 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Mth Clv Over a year ago

why does the vline does not extend indefinetely on the y axis?

Mth Clv Over a year ago

I am running into this issue as well with plotly 4.12 and would like the vline to extend indefinitely

Mth Clv Over a year ago

Same problem described here github.com/plotly/plotly.py/issues/2979 but no solution is provided

Mth Clv Over a year ago

thanks for the quick answer but the workaround is quite verbose and not so neat. I am a bit puzzled as doc plotly.com/python-api-reference/generated/… clearly says "Add a vertical line to a plot or subplot that extends infinitely in the y-dimension."

Mth Clv Over a year ago

All examples here plotly.com/python/horizontal-vertical-shapes/… extends beyond 1 too

|

mosc9575 · Accepted Answer · 2021-01-27 15:02:51Z

8

To run the minimal example your package plotly has to be up to date as well as your package plotly.express.

import plotly.express as px

df = px.data.iris()
fig = px.scatter(df, x="petal_length", y="petal_width")
fig.add_hline(y=0.9)
fig.add_vrect(x0=0.9, x1=2)
fig.show()

I quote from the documentation you have shared.

add_hline, add_vline, add_hrect, and add_vrect is introduced in plotly 4.12.

Please bring your package on this or a newer version.

edited Jan 27, 2021 at 15:02

answered Jan 22, 2021 at 14:51

mosc9575

6,3922 gold badges12 silver badges36 bronze badges

1 Comment

SCool Over a year ago

My plotly-express was up to date. Look like I had to update plotly too.

Collectives™ on Stack Overflow

How to add vertical line to plotly plot

2 Answers 2

7 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related