Class MJAreaChartComponent

Area chart: plain, stacked or 100%-stacked; smooth (monotone, never overshoots) or linear.

Example

<mj-area-chart AriaLabel="Band mix over time" [Categories]="weeks" [Series]="bands"
    StackMode="percent" Curve="smooth"></mj-area-chart>

Hierarchy

MJBaseChartComponent<AreaGeometry>
- MJAreaChartComponent

Constructors

constructor

new MJAreaChartComponent(): MJAreaChartComponent
Returns MJAreaChartComponent
Inherited from MJBaseChartComponent<AreaGeometry>.constructor

Properties

`Protected`ariaLabel

ariaLabel: string = ''

`Protected` `Readonly`cdr

cdr: ChangeDetectorRef = ...

`Protected` `Readonly`ChartKind

ChartKind: "area" = 'area'

e.g. 'bar' — the start of every log line this chart writes.

`Readonly`Controller

Controller: ChartController<AreaGeometry> = ...

EmptyMessage

EmptyMessage: string = 'No data'

`Protected`formatter

formatter: ChartValueFormatter = DefaultValueFormatter

PointClick

PointClick: EventEmitter<ChartPointEvent> = ...

ShowLegend

ShowLegend: boolean = true

ShowTooltip

ShowTooltip: boolean = true

Accessors

AriaLabel

get AriaLabel(): string
Returns string
Inherited from MJBaseChartComponent.AriaLabel
- Defined in lib/internal/base-chart.component.ts:44
set AriaLabel(value: string): void
Parameters
- value: string
Returns void
Inherited from MJBaseChartComponent.AriaLabel
- Defined in lib/internal/base-chart.component.ts:43

AriaLabelText

get AriaLabelText(): string
Returns string
Inherited from MJBaseChartComponent.AriaLabelText
- Defined in lib/internal/base-chart.component.ts:55

AspectRatio

get AspectRatio(): number | null
Returns number | null
Inherited from MJBaseChartComponent.AspectRatio
- Defined in lib/internal/base-chart.component.ts:38
set AspectRatio(value: number | null | undefined): void
Width ÷ height (e.g. 16 / 9); wins over Height. undefined/null is off; invalid values are logged and ignored, finite ones clamped to [0.25, 8].
Parameters
- value: number | null | undefined
Returns void
Inherited from MJBaseChartComponent.AspectRatio
- Defined in lib/internal/base-chart.component.ts:37

`Protected`AspectRatioValue

get AspectRatioValue(): number | null
Returns number | null
Inherited from MJBaseChartComponent.AspectRatioValue
- Defined in lib/internal/base-chart.component.ts:51

Curve

get Curve(): AreaCurve
Returns AreaCurve
- Defined in lib/area-chart/area-chart.component.ts:123
set Curve(value: AreaCurve | null | undefined): void
undefined/null (an unset binding) means "smooth".
Parameters
- value: AreaCurve | null | undefined
Returns void
- Defined in lib/area-chart/area-chart.component.ts:122

FillOpacity

get FillOpacity(): number
Returns number
- Defined in lib/area-chart/area-chart.component.ts:127
set FillOpacity(value: number | null | undefined): void
undefined/null (an unset binding) means "use the default" and is not a caller mistake; numbers are clamped to [0, 1] and logged.
Parameters
- value: number | null | undefined
Returns void
- Defined in lib/area-chart/area-chart.component.ts:126

FillOpacityValue

get FillOpacityValue(): number
Returns number
- Defined in lib/area-chart/area-chart.component.ts:136

`Protected`FillsParent

get FillsParent(): boolean
Lets the host fill its parent (the frame measures that height); see Height. Needs no check, so it reads the raw binding.

Returns boolean
Inherited from MJBaseChartComponent.FillsParent
- Defined in lib/internal/base-chart.component.ts:54

Height

get Height(): number | "fill"
Returns number | "fill"
Inherited from MJBaseChartComponent.Height
- Defined in lib/internal/base-chart.component.ts:34
set Height(value: number | "fill" | null | undefined): void
A px height (minimum 120; clamped and logged), or 'fill' to take the parent's height. undefined/null (an unset binding) means 300 and is not a caller mistake.
Parameters
- value: number | "fill" | null | undefined
Returns void
Inherited from MJBaseChartComponent.Height
- Defined in lib/internal/base-chart.component.ts:33

`Protected`HeightValue

get HeightValue(): number | "fill"
Returns number | "fill"
Inherited from MJBaseChartComponent.HeightValue
- Defined in lib/internal/base-chart.component.ts:50

Series

get Series(): readonly ChartSeries[]
Returns readonly ChartSeries[]
- Defined in lib/area-chart/area-chart.component.ts:115
set Series(value: readonly ChartSeries[]): void
Parameters
- value: readonly ChartSeries[]
Returns void
- Defined in lib/area-chart/area-chart.component.ts:114

ShowGridlines

get ShowGridlines(): boolean
Returns boolean
- Defined in lib/area-chart/area-chart.component.ts:132
set ShowGridlines(value: boolean | null | undefined): void
undefined/null (an unset binding) means true. Axis labels stay; only the lines go.
Parameters
- value: boolean | null | undefined
Returns void
- Defined in lib/area-chart/area-chart.component.ts:131

StackMode

get StackMode(): AreaStackMode
Returns AreaStackMode
- Defined in lib/area-chart/area-chart.component.ts:119
set StackMode(value: AreaStackMode | null | undefined): void
undefined/null (an unset binding) means "none" (plain, unstacked areas).
Parameters
- value: AreaStackMode | null | undefined
Returns void
- Defined in lib/area-chart/area-chart.component.ts:118

ValueFormatter

get ValueFormatter(): ChartValueFormatter
Returns ChartValueFormatter
Inherited from MJBaseChartComponent.ValueFormatter
- Defined in lib/internal/base-chart.component.ts:41
set ValueFormatter(value: ChartValueFormatter): void
Parameters
- value: ChartValueFormatter
Returns void
Inherited from MJBaseChartComponent.ValueFormatter
- Defined in lib/internal/base-chart.component.ts:40

Methods

`Protected`Context

Context(): string
e.g. bar chart "Revenue" — prefixes every log line.

Returns string
Inherited from MJBaseChartComponent.Context
- Defined in lib/internal/base-chart.component.ts:91

`Protected`EmitPoint

EmitPoint(point: ActivePoint): void
Emit the chart's click event for an activated point (mouse click, second touch tap, Enter/Space).
Parameters
- point: ActivePoint
Returns void
Overrides MJBaseChartComponent.EmitPoint
- Defined in lib/area-chart/area-chart.component.ts:142

FocusPoint

FocusPoint(g: AreaGeometry, active: ActivePoint): ChartAnchor | null
Parameters
- g: AreaGeometry
- active: ActivePoint
Returns ChartAnchor | null
- Defined in lib/area-chart/area-chart.component.ts:138

ngOnDestroy

ngOnDestroy(): void
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns void
Inherited from MJBaseChartComponent.ngOnDestroy
- Defined in lib/internal/base-chart.component.ts:86

OnClick

OnClick(event: MouseEvent): void
Parameters
- event: MouseEvent
Returns void
Inherited from MJBaseChartComponent.OnClick
- Defined in lib/internal/base-chart.component.ts:77

OnKeyCommand

OnKeyCommand(key: ChartFrameKey): void
Parameters
- key: ChartFrameKey
Returns void
Inherited from MJBaseChartComponent.OnKeyCommand
- Defined in lib/internal/base-chart.component.ts:82

OnPointerLeave

OnPointerLeave(event: PointerEvent): void
Parameters
- event: PointerEvent
Returns void
Inherited from MJBaseChartComponent.OnPointerLeave
- Defined in lib/internal/base-chart.component.ts:68

OnPointerMove

OnPointerMove(event: PointerEvent): void
Parameters
- event: PointerEvent
Returns void
Inherited from MJBaseChartComponent.OnPointerMove
- Defined in lib/internal/base-chart.component.ts:57

OnPointerUp

OnPointerUp(event: PointerEvent): void
Parameters
- event: PointerEvent
Returns void
Inherited from MJBaseChartComponent.OnPointerUp
- Defined in lib/internal/base-chart.component.ts:72

Class MJAreaChartComponent

Example

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns MJAreaChartComponent

Properties

ProtectedariaLabel

Protected Readonlycdr

Protected ReadonlyChartKind

ReadonlyController

EmptyMessage

Protectedformatter

PointClick

ShowLegend

ShowTooltip

Accessors

AriaLabel

Returns string

Parameters

Returns void

AriaLabelText

Returns string

AspectRatio

Returns number | null

Parameters

Returns void

ProtectedAspectRatioValue

Returns number | null

Categories

Returns readonly string[]

Parameters

Returns void

Curve

Returns AreaCurve

Parameters

Returns void

FillOpacity

Returns number

Parameters

Returns void

FillOpacityValue

Returns number

ProtectedFillsParent

Returns boolean

Height

Returns number | "fill"

Parameters

Returns void

ProtectedHeightValue

Returns number | "fill"

Series

Returns readonly ChartSeries[]

Parameters

Returns void

ShowGridlines

Returns boolean

Parameters

Returns void

StackMode

Returns AreaStackMode

Parameters

Returns void

ValueFormatter

Returns ChartValueFormatter

Parameters

Returns void

Methods

ProtectedContext

Returns string

ProtectedEmitPoint

Parameters

Returns void

FocusPoint

Parameters

`Protected`ariaLabel

`Protected` `Readonly`cdr

`Protected` `Readonly`ChartKind

`Readonly`Controller

`Protected`formatter

`Protected`AspectRatioValue

`Protected`FillsParent

`Protected`HeightValue

`Protected`Context

`Protected`EmitPoint