# XWUIChartStep

A step chart: a fixed-type wrapper around `XWUIChart` that connects points with horizontal-then-vertical segments so values hold constant between x-positions and jump at each change. Pass `{ series }` of `{ x, y }` points plus a `block` preset (1-4) and `size`. Use it for quantities that stay flat then change abruptly - rates, levels, or states that hold until updated.

## Basic Usage

This example renders two series (Series A and Series B) of six monthly values (Jan-Jun) as stepped segments that hold flat between months and jump at each new value, at medium size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series drawn as steps, each value held flat across the month then jumping vertically to the next month's level.
```

## Central Bank Policy Rates

Quarterly Fed and ECB benchmark rates during a hiking cycle, where each rate holds flat between decisions and jumps on each change.

```example
file: examples/InterestRate.ts
html: examples/InterestRate.html
title: Central Bank Policy Rates
description: Fed vs ECB quarterly policy rates drawn as steps that hold then jump.
```

## SaaS Usage Pricing Tiers

Per-unit API pricing for two plans that stays constant within a volume band and steps down at each tier threshold.

```example
file: examples/PricingTiers.ts
html: examples/PricingTiers.html
title: SaaS Usage Pricing Tiers
description: Price per 1k API calls by volume tier for two plans, drawn as a step chart.
```

```api
```