React chart example
Line with missing values
Connect known observations across missing intervals without treating unavailable measurements as zero.
Monthly revenue
Connect the observations on either side of a missing-value gap.
How should a line chart show missing values?
A missing value means the measurement is unavailable, not that it equals zero. A line chart can leave a gap or connect the available observations on either side. The right choice depends on what readers should infer about the missing interval.
When to use it
Use an explicit missing-value treatment for interrupted tracking, incomplete reports or measurements that were not collected. Leave a gap when the unknown period matters; connect it only when the missing interval is disclosed. Mark an unfinished current period as incomplete so a partial result is not mistaken for a real decline.
Design tips
Do not replace unknown values with zero. A zero introduces a real measured decline that may never have happened.
Explain substantial gaps in a note or annotation, including whether data was not collected, was delayed or was excluded.
Avoid fitting or discussing a trend as though a connected gap contains extra observations. If you estimate missing values, identify the estimates separately.
Build this chart in React
Compare with
Use when every observation is present and the trend is uninterrupted.
Use when continuous change is better expressed with curved interpolation.
Graphy Chart SDK
Add Graphy’s line charts with missing values to your React app.
Ship quickly with one maintained SDK, without building and maintaining the entire charting experience yourself.