Is it possible to create shape path using x-axis as datetime?

plotly.js
1

Is it possible to create shape path using x-axis as datetime ?

3

Sure, it is. Just set xref: 'x' and use corresponding values for x0 and x1.

Here is a very basic example:

  shapes: [{
    type: 'rect',
    xref: 'x',
    x0: '2000-01-04',
    x1: '2000-01-05',
    yref: 'paper',
    y0: 0,
    y1: 1
}]
4

above example is for the type=‘rect’ but i want type to be path

5

According to the documentation it should work. Just note, that:

On data axes: because space and T are both normal components of path strings, we can’t use either to separate date from time parts. Therefore we’ll use underscore for this purpose: 2015-02-21_13:45:56.789

hth,
Martin

6

Yes, it is possible to create a shape path in Plotly using the x-axis as datetime. You can define the path using x0 and x1 as datetime values in Plotly’s add_shape() method. Here’s a simple example:

python

Copy code

import plotly.graph_objects as go

fig = go.Figure()
fig.add_shape(type='line',
              x0='2024-10-01', y0=1, x1='2024-10-05', y1=3,
              line=dict(color='Red', width=2))
fig.update_xaxes(type='date')
fig.show()

This will draw a line shape using the datetime values on the x-axis.

7

Yes, you can create a shape path using the x-axis as datetime. Use datetime values on the x-axis and map them to coordinates. Most plotting libraries (like Matplotlib or D3.js) support datetime on the x-axis for paths or shapes.

8