Class BarGraphStrategy

Renders data as a vertical bar chart.

Supports multiple series — bars are grouped side-by-side at each X position, each series in its own colour.

Output kind: svg.

Hierarchy (View Summary)

GraphPresentationStrategy
- BarGraphStrategy

Index

Constructors

Properties

Methods

Constructors

constructor

new BarGraphStrategy(
options?: { barWidthRatio?: number; borderRadius?: number },
): BarGraphStrategy
Parameters
- options: { barWidthRatio?: number; borderRadius?: number } = {}
Returns BarGraphStrategy
Overrides GraphPresentationStrategy.constructor
- Defined in packages/ui-kit/src/lib/chart/strategies/bar-graph.strategy.ts:33

Properties

`Readonly`name

name: "Bar"

Human-readable name shown in legends / tooltips when identifying the active strategy.

Methods

render

render(series: readonly ChartSeriesData[], size: ChartSize): ChartRenderOutput
Render one or more data series into a chart.
Parameters
- series: readonly ChartSeriesData[]
  Array of named, colour-assigned data series.
- size: ChartSize
  Target dimensions in CSS pixels.
Returns ChartRenderOutput
An SVG element or raw ImageData.
Overrides GraphPresentationStrategy.render
- Defined in packages/ui-kit/src/lib/chart/strategies/bar-graph.strategy.ts:41