Plotly is a powerful graphing library that makes interactive, publication-quality graphs online using Python. One common task when creating time series plots is to remove empty dates from the x-axis, making the plot cleaner and more readable. In this article, we will go through the process of removing empty dates from the x-axis using Plotly.

Key concepts of Plotly includes are as follows:

1. Layout: The layout of a Plotly graph defines how the graph looks, including axis configurations.
2. Datetime Objects: Plotly uses datetime objects to handle dates on the x-axis.
3. Figure: A Plotly figure contains the data and layout needed to create a plot.

Removing Empty Dates

To remove empty dates from the x-axis, you can filter out the dates that do not have corresponding data points before plotting. This involves creating a list of dates and corresponding data points and then plotting only those dates that have data.

Let us see a few different examples for a better understanding.

Basic Line Plot with Empty Dates

In this example, we will create a data set with some missing dates. We will create a simple Line Plot graph by initializing the Figure() function. Then using the Scatter() function of plotly, we will create a graph where the x-axis will contain dates and the y-axis will contain the values.

Then we will update the x-axis so that it does not show the space for the missing dates on the graph. For this, we will use the update_xaxes() function which will take two arguments. The type parameter will be set to ‘category’ which specifies that the x-axis should treat the dates as categorical data, which helps in treating each date as a distinct category rather than a continuous scale.

The rangebreaks parameter defines a range break on the x-axis. Here, it specifies that the date '2023-06-13' should be excluded from the plot, effectively removing it from the x-axis.

Then the show() function is used to display the final graph in a new window.

import plotly.graph_objects as go
from datetime import datetime

# Sample data with empty dates
dates = [
    datetime(2023, 6, 1),
    datetime(2023, 6, 3),
    datetime(2023, 6, 5),
    datetime(2023, 6, 7),
    datetime(2023, 6, 9),
    # datetime(2023, 6, 11),
    datetime(2023, 6, 13)
]
values = [10, 15, 7, 20, 12, 18]

# Create a figure
fig = go.Figure()

# Add trace with missing date
fig.add_trace(go.Scatter(x=dates, y=values, mode='lines+markers'))

# Update layout to remove empty dates
fig.update_xaxes(type='category', rangebreaks=[dict(values=['2023-06-13'])])

# Show the plot
fig.show()

Output:

Bacis Line Plot with Empty Dates

Bar Chart with Empty Dates

In this example, we will create a data set with some missing date. We will create a simple Bar Chart graph by initializing the Figure() function. Then using the Bar() function of plotly, we will create a Bar graph where x-axis will contain dates and y-axis will contain the values.

Then we will update the x-axis so that it does not show the space for the missing dates on the graph. For this, we will use the update_xaxes() function which will take two arguments. The type parameter will be set to ‘category’ which specifies that the x-axis should treat the dates as categorical data, which helps in treating each date as a distinct category rather than a continuous scale.

The rangebreaks parameter defines a range break on the x-axis. Here, it specifies that the date '2023-06-13' should be excluded from the plot, effectively removing it from the x-axis.

Then the show() function is used to display the final graph in a new window.

import plotly.graph_objects as go
from datetime import datetime

# Sample data with empty dates
dates = [
    datetime(2023, 7, 1),
    datetime(2023, 7, 3),
    datetime(2023, 7, 5),
    datetime(2023, 7, 7),
    datetime(2023, 7, 9),
    # Missing date: datetime(2023, 7, 11)
    datetime(2023, 7, 13)
]
values = [25, 30, 15, 22, 18, 27]

# Create a figure
fig = go.Figure()

# Add bar trace with missing date
fig.add_trace(go.Bar(x=dates, y=values))

# Update layout to remove empty dates
fig.update_xaxes(type='category', rangebreaks=[dict(values=['2023-07-13'])])

# Show the plot
fig.show()

Output:

Bar Chart with Empty Dates

Conclusion

Removing empty dates from the X axis in Plotly enhances the clarity and reliability of your visualizations, ensuring that your plots accurately represent time series data. By leveraging Plotly’s powerful features and understanding how to manipulate axes effectively, you can create informative and visually appealing plots for various applications.