ComponentsCombo chart

content@texuli/chartsagent-emittablecontent

Combo chart

charts-combo

A categorical chart that combines bar and line series.

Live examples

Combo chart example

Combo chart example

Loading demo…

Props

Public props for Combo chart
NameKindRequiredDefaultDescription
titlestringyes——
descriptionstringyes——
seriesarrayyes——
modeenum (light, dark)no——
rendererenum (svg, canvas, auto)no——
classstringno——
interactivestringno——
fullDomainstringno——
visibleDomainstringno——
annotationsstringno——

Keyboard

Keyboard behavior for Combo chart
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Provide the required accessible title, description or text alternatives.
  • Keep data available in the component-provided text or table alternative.

Evidence for charts-combo

Latest committed gates for charts-combo (as of 2026-10-23). Static snapshot — not live CI.

Behavior

n/ano behavior scenario

No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).

Size (gzip)

@texuli/charts/charts-combo · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Render combo chart from structured content data.

Don’t use when

Prefer another component

  • Application navigation, account controls or mutations.