# XWUIChartPointRange

XWUIChartPointRange wraps XWUIChart with the chart `type` fixed to `'pointRange'`, plotting each `{series}` as points marking a value within a range band. Use it when each category has a central figure plus a spread (such as a low-to-high or confidence range) you want to read together. Configure it with `block` (1-4, clamped) to pick the variant layout and `size` (`sm`, `md`, or `lg`) to set the dimensions.

## Basic Usage

This example draws two monthly series (Series A and Series B, Jan-Jun) at medium size as point-range markers across the six months.

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

## City Daily Temperature Range

Each city shows its average daily temperature as a point sitting inside its low-to-high band, reading the typical value and daily swing together.

```example
file: examples/CityTemperatureRange.ts
html: examples/CityTemperatureRange.html
title: City Daily Temperature Range
description: Average daily temperature per city plotted within its low-to-high range band.
```

## Product Price Ranges by Category

For each accessory category the median price is plotted as a point within its budget-to-premium price band, making spread and typical cost easy to compare.

```example
file: examples/ProductPriceRange.ts
html: examples/ProductPriceRange.html
title: Product Price Ranges by Category
description: Median retail price per category shown within its budget-to-premium price range.
```

```api
```