Class LineGraphStrategy

Renders data as a connected line chart with circular data-point markers.

Supports multiple series — each series is drawn as a separate line in its own colour, sharing the same Y-axis scale.

Output kind: svg.

Hierarchy (View Summary)

GraphPresentationStrategy
- LineGraphStrategy

Index

Constructors

Properties

Methods

Constructors

constructor

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

Properties

`Readonly`name

name: "Line"

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/line-graph.strategy.ts:41