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?