Two levels of grid lines on one chart

📊 Plotly Python
1

I need to plot:

  1. X grid lines corresponding to every datetime value from dataframe column;
  2. X grid lines by months.

There is no problem with the first point:

fig = px.scatter(src_df, x='date', y='never_mind')
fig.update_layout({'xaxis': {'tickvals': src_df['date']}})

The data for the lines by month I generate as follows:

pd.date_range(src_df.iloc[0]['date'], src_df.iloc[-1]['date'], freq='MS').to_frame(index=False)

How do I output both sets of X grid lines?

Sketch of the desired result:

plotly_sec_axes
plotly_sec_axes1448×812 40.7 KB

2

I found a new Plotly feature - vertical lines. So now what I had in mind partially works.

mon_starts = pd.date_range(src_df.iloc[0]['date'], src_df.iloc[-1]['date'], freq='MS')
for mon_start in mon_starts:
        fig.add_vline(x=mon_start, line_width=1, line_dash='dash')

vlines
vlines1704×921 71.8 KB

But how do I make labels to these vertical lines? Adding annotation_text=mon_start argument causes an error:

TypeError: Addition/subtraction of integers and integer-arrays with Timestamp is no longer supported.