# XWUIChartRangeBar

XWUIChartRangeBar is a thin wrapper around XWUIChart that fixes the chart `type` to `'rangeBar'`, drawing each bar as a span between a low and high value rather than from a zero baseline. Pass `{ series }` data and configure it with `block` (1-4, clamped) and `size` (`'small'` | `'medium'` | `'large'`). Use it for spans and intervals such as min/max ranges, schedule durations, or floating bars where both ends of each value matter.

## Basic Usage

This example passes two monthly series (Series A and Series B, Jan-Jun) to the constructor at `size: "md"`, drawing range bars across the months for each of the two series.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two monthly series (Series A and Series B, Jan-Jun) drawn as range bars across the months at medium size.
```

## Daily Temperature Range

Each month's record low and record high temperatures drawn as a low-to-high band, so bar length reads as that month's temperature swing.

```example
file: examples/DailyTemperatureRange.ts
html: examples/DailyTemperatureRange.html
title: Daily Temperature Range
description: Monthly Low and High temperature series drawn as range bars with data labels, a legend, and a °C unit.
```

## Project Estimate Range

Optimistic-to-pessimistic effort per task drawn as range bars, with a dashed reference line marking sprint capacity.

```example
file: examples/ProjectEstimateRange.ts
html: examples/ProjectEstimateRange.html
title: Project Estimate Range
description: Optimistic and Pessimistic story-point series per task with grid values, a points unit, and a sprint-capacity lineY annotation.
```

```api
```