ECharts Step Line Chart

A step-line chart where the value holds flat between data points and jumps vertically at each measurement, instead of being smoothly interpolated — the right encoding when the underlying value really does stay constant until the next change. ECharts' line series with `step: 'end'

Template details

  • chart
  • line
  • step
  • staircase
  • time-series
  • echarts

When to use this template

A step line chart clearly shows when a value changes and how long it remains constant between changes, preventing misinterpretation of trends where values are piecewise-constant. Analysts use it to track the exact timing and magnitude of discrete shifts in a metric, making it easy to identify the events or conditions that trigger those changes.

  • Time-series data where values change discretely at specific points.
  • Data representing states or levels that persist until an event.
  • Comparing multiple series of piecewise-constant values over time.
  • Datasets with distinct event timestamps marking value transitions.
  • Ordinal or quantitative y-axis values that are not interpolated.
  • Tracking changes in counts, rates, or statuses over time.

Browse all Koan templates