# XWUIChartDataTableInCellBar

A data-table-with-in-cell-bars chart: a fixed-type (`type: 'dataTableInCellBar'`)
wrapper around `XWUIChart` that renders the `series` as a table whose numeric cells
carry an inline horizontal bar sized to each value, so magnitudes are readable
straight from the grid. Pass `series` of `{ x, y }` values plus a `block` preset
(1-4) and `size` (`sm` / `md` / `lg`). Use it when you want exact numbers
and an at-a-glance bar in the same table.

## Basic Usage

Two monthly series rendered as table rows with in-cell value bars at the medium size
preset.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Two {x, y} series shown as a table with inline magnitude bars via the dataTableInCellBar chart type.
```

## Sales Rep Quota Attainment

Three reps' quarterly closed revenue as table rows with inline bars and a quota threshold line.

```example
file: examples/SalesRepQuota.ts
html: examples/SalesRepQuota.html
title: Sales Rep Quota Attainment
description: Per-rep quarterly revenue in $k with in-cell magnitude bars and a quota guide line.
```

## Breakfast Macros per Serving

Protein, carb, and fat grams for five breakfast foods in a compact in-cell-bar table.

```example
file: examples/NutritionFacts.ts
html: examples/NutritionFacts.html
title: Breakfast Macros per Serving
description: Three macro series across five foods at small size with inline bars and visible values.
```

```api
```