Empty Chart State

About this block

Empty Chart State is an analytics panel for a selected range that holds no data, built so the surface stays learnable while it waits. The full chart frame is kept: y axis ticks, dashed gridlines, and date labels all render, so the shape of the report is clear before a single event lands. A centered message inside the plot area names the gap, No events in this range, states the real overall count, then offers two wider ranges with their actual event totals so the next click is obvious. A range switcher across the top marks 30d as the active window.

The ticks, x labels, and ranges are small arrays, so the axis and the switcher each have one place to change. The footer explains why older data can never appear: tracking was installed on Feb 12, and the chart updates within a minute of a new event arriving.

When to use

Reach for this block on any dashboard panel whose selected range returns an empty series, rendered in place of the chart while the frame stays put. Wire the overall count and the wider range totals from your query so the suggested jumps are real.

A natural flow around it on an Application Pro page:

Before

• Stat cards

After

• Charts
• Reports

What you can display

One strong use is the events chart with nothing in the window. Other empty chart shapes:

• Revenue panel. No sales in the range, with a jump to the last quarter that has figures.
• Funnel view. No conversions yet, with the first step count shown so the drop is placed.
• Usage graph. No activity on a new metric, with the tracking start date named in the footer.

Tip: keep the axes and gridlines rendered when a range is empty; a blank rectangle hides the shape the data will take once it arrives.