Class MJBarChartComponent

Bar chart: horizontal or vertical, grouped or stacked (negatives stack away from zero). Colors come from Color tokens or var(--mj-viz-N).

Example

<mj-bar-chart AriaLabel="Score bands by model" [Categories]="models" [Series]="bands"
    Orientation="horizontal" [Stacked]="true" (SegmentClick)="open($event)"></mj-bar-chart>

Hierarchy

MJBaseChartComponent<BarGeometry>
- MJBarChartComponent

Constructors

constructor

new MJBarChartComponent(): MJBarChartComponent
Returns MJBarChartComponent
Inherited from MJBaseChartComponent<BarGeometry>.constructor

Properties

`Protected`ariaLabel

ariaLabel: string = ''

`Protected` `Readonly`cdr

cdr: ChangeDetectorRef = ...

`Protected` `Readonly`ChartKind

ChartKind: "bar" = 'bar'

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

`Readonly`Controller

Controller: ChartController<BarGeometry> = ...

EmptyMessage

EmptyMessage: string = 'No data'

`Protected`formatter

formatter: ChartValueFormatter = DefaultValueFormatter

SegmentClick

SegmentClick: 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

`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

Orientation

get Orientation(): BarOrientation
Returns BarOrientation
- Defined in lib/bar-chart/bar-chart.component.ts:119
set Orientation(value: BarOrientation | null | undefined): void
undefined/null (an unset binding) means "vertical".
Parameters
- value: BarOrientation | null | undefined
Returns void
- Defined in lib/bar-chart/bar-chart.component.ts:118

Series

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

ShowGridlines

get ShowGridlines(): boolean
Returns boolean
- Defined in lib/bar-chart/bar-chart.component.ts:128
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/bar-chart/bar-chart.component.ts:127

Stacked

get Stacked(): boolean
Returns boolean
- Defined in lib/bar-chart/bar-chart.component.ts:123
set Stacked(value: boolean | null | undefined): void
undefined/null (an unset binding) means "grouped".
Parameters
- value: boolean | null | undefined
Returns void
- Defined in lib/bar-chart/bar-chart.component.ts:122

TooltipPlacementValue

get TooltipPlacementValue(): TooltipPlacement
Horizontal bars are stacked rows: a tooltip above the anchor would cover the row above and be unreachable by mouse.

Returns TooltipPlacement
- Defined in lib/bar-chart/bar-chart.component.ts:133

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/bar-chart/bar-chart.component.ts:143

FocusSegment

FocusSegment(g: BarGeometry, active: ActivePoint): BarSegment | undefined
Parameters
- g: BarGeometry
- active: ActivePoint
Returns BarSegment | undefined
- Defined in lib/bar-chart/bar-chart.component.ts:139

IsActive

IsActive(seg: BarSegment, active: ActivePoint): boolean
Parameters
- seg: BarSegment
- active: ActivePoint
Returns boolean
- Defined in lib/bar-chart/bar-chart.component.ts:135

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 MJBarChartComponent

Example

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns MJBarChartComponent

Properties

ProtectedariaLabel

Protected Readonlycdr

Protected ReadonlyChartKind

ReadonlyController

EmptyMessage

Protectedformatter

SegmentClick

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

ProtectedFillsParent

Returns boolean

Height

Returns number | "fill"

Parameters

Returns void

ProtectedHeightValue

Returns number | "fill"

Orientation

Returns BarOrientation

Parameters

Returns void

Series

Returns readonly ChartSeries[]

Parameters

Returns void

ShowGridlines

Returns boolean

Parameters

Returns void

Stacked

Returns boolean

Parameters

Returns void

TooltipPlacementValue

Returns TooltipPlacement

ValueFormatter

Returns ChartValueFormatter

Parameters

Returns void

Methods

ProtectedContext

Returns string

ProtectedEmitPoint

Parameters

Returns void

FocusSegment

Parameters

Returns BarSegment | undefined

IsActive

Parameters

Returns boolean

`Protected`ariaLabel

`Protected` `Readonly`cdr

`Protected` `Readonly`ChartKind

`Readonly`Controller

`Protected`formatter

`Protected`AspectRatioValue

`Protected`FillsParent

`Protected`HeightValue

`Protected`Context

`Protected`EmitPoint