Rectangle shape from a particular point on x axis to 100%

HI all,

Is it possible to create a shape where for the x axis I can have both an x ref as x for the left side of the shape and x ref as paper for the right side of the shape?

I have a need to create a rectangle that starts on x = 1 to and extends all the way to the end of the x axis (x = 100%). However, in the guide it seems you can do one or the other but not both. Is it possible to do this?

I tried to create two shapes however, the overlapping results in a distorted color

"type": "rect",
				"xref":"paper",
				"x0": 0.15,
				"y0": 5,
				"x1": 1,
				"y1": 10,
				"fillcolor": "rgba(66, 134, 244, 0.7)",
				"line": {
					"color": "rgb(1, 1, 1)",
					"width": 0
				}
			},				
			{
				"type": "rect",
				"xref":"x",
				"x0": 1,
				"y0": 5,
				"x1": 3,
				"y1": 10,
				"fillcolor": "rgba(66, 134, 244, 0.35)",
				"line": {
					"color": "rgb(1, 1, 1)",
					"width": 0
				}
			}
1 Like

It’s not possible to do so at the moment unfortunately.

What about if i use something like:

“type”: “rect”,
“xref”:“x”,
“x0”: 1,
“y0”: 5,
“x1”: max(x0),
“y1”: 10,
“fillcolor”: “rgba(66, 134, 244, 0.7)”,
“line”: {
“color”: “rgb(1, 1, 1)”,
“width”: 0
}
},

any updates on availability for this? If not, is there a mapping from the coordinates in “paper” reference space to the coordinates in “x”/“y” reference space?

three reasons why you should buy plotly pro: support open source, get great support, host your plots and dashboards online