CngxArea
projects/common/chart/layers/area.component.ts
Import#
import { CngxArea } from '@cngx/common/chart'
Description#
Area layer atom. Reuses createPathBuilder for the upper edge
(same compute guard as [cngxLine]) and closes the polygon to a
[baseline] (default 0) so SVG can fill it.
Attribute-selector on <svg:g> - see CngxLine for why.
The d string is cascade-guarded with string equality on its
computed so a no-op data refresh does not force a fill repaint.
A single-datum area closes on itself at one x and covers no pixels,
so a series shorter than two points paints a point marker instead of
nothing. [points] mirrors CngxLine: 'auto' (default) marks
only the one-datum case, 'always' every datum, 'never' none.
Metadata#
Providers#
CNGX_CHART_LAYER- useExisting
CngxArea
Relationships
Index#
Inputs#
LineYAccessor(d: T) => Number(d)readonly T[] | undefined"auto" | "always" | "never"Point-marker mode, mirroring CngxLine. 'auto' (default)
draws a marker only for a single-datum series - an area closed on
itself at one x covers no pixels and paints nothing otherwise.
'always' marks every datum; 'never' suppresses markers.
'auto'LineXAccessor | undefined