BrixFax Home

Tableau de Bord

Components

Reusable component catalogue, usage register, variables, and live examples.

Used in

No production-page use is registered yet.

Selected component

Charts

src/components/Chart.astro

Variables

Property Example Purpose
typepieSelects pie, bar, or line.
titlePackaging materialsMain chart heading.
subtitleExample distributionOptional supporting text.
data[{ label, value }]Nonnegative categories or ordered points; optional color and note.
unit%, €, countOptional unit displayed with values.
unitPositionsuffixPlaces the unit before or after values.
showLegendtrueShows the category legend.
legendPositionrightPlaces the legend to the right or below.
showValuestrueShows values above bar and line marks.
xAxisLabelMonthOptional horizontal-axis label.
yAxisLabelPrice (€)Optional vertical-axis label.
localeen-USLocale used to format numbers.
emptyTextNo chart dataMessage shown for an empty dataset.
ariaLabelPackaging share chartAccessible chart description.

Live examples

Select a type to inspect its generic example. The figures are demonstration data, not production statistics.

Packaging materials

Example share of total packaging weight.

Paper: 620 g (62%) Plastic: 180 g (18%) Glass: 150 g (15%) Metal: 50 g (5%)
  • Paper 620 g · 62%
  • Plastic 180 g · 18%
  • Glass 150 g · 15%
  • Metal 50 g · 5%
Packaging materials
LabelValue
Paper620 g
Plastic180 g
Glass150 g
Metal50 g