Class StackedBarGraphStrategy

Renders data as a stacked (cumulative) vertical bar chart.

Each X position gets one bar whose segments are stacked vertically, one segment per series. The total bar height is the cumulative sum of all series values at that position. Enable normalised to display 100 % stacked bars.

Output kind: svg.

Example

const strategy = new StackedBarGraphStrategy();

Hierarchy (View Summary)

GraphPresentationStrategy
- StackedBarGraphStrategy

Index

Constructors

constructor

new StackedBarGraphStrategy(
options?: StackedBarGraphOptions,
): StackedBarGraphStrategy
Parameters
- options: StackedBarGraphOptions = {}
Returns StackedBarGraphStrategy
Overrides GraphPresentationStrategy.constructor
- Defined in packages/ui-kit/src/lib/chart/strategies/stacked-bar-graph.strategy.ts:67

Properties

`Readonly`name

name: "Stacked 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/stacked-bar-graph.strategy.ts:74

Class StackedBarGraphStrategy

Example

Hierarchy (View Summary)

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns StackedBarGraphStrategy

Properties

`Readonly`name

Methods

render

Parameters

Returns ChartRenderOutput

Settings

On This Page

Class StackedBarGraphStrategy

Example

Hierarchy (View Summary)

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns StackedBarGraphStrategy

Properties

Readonlyname

Methods

render

Parameters

Returns ChartRenderOutput

Settings

On This Page

`Readonly`name