Top-level chart container · Companion live-region announcer for <cngx-chart> · *cngxChartConnectionError slot -...
common/chart
Category
No results found
Features30#
- ComponentCngxChartWCAG AATop-level chart container
- ComponentCngxChartAnnouncerWCAG AACompanion live-region announcer for <cngx-chart>
- DirectiveCngxChartConnectionError*cngxChartConnectionError slot - overrides the default banner shown when [connectionState] reports 'error' (c...
- DirectiveCngxChartEmptyPer-instance empty slot for <cngx-chart>
- DirectiveCngxChartError*cngxChartError slot - overrides the chart-level error placeholder
- DirectiveCngxChartLoadingPer-instance loading slot for <cngx-chart>
- DirectiveCngxChartOverlay*cngxChartOverlay slot - projects HTML on top of the marks , inside the plot area
- DirectiveCngxChartReconnecting*cngxChartReconnecting slot - overrides the default subtle indicator shown when [connectionState] reports 'refres...
- TokenCNGX_CHART_CONTEXTInjection token consumed by every chart child ( [cngxAxis] , layer atoms, <cngx-chart-data-table> )
- ComponentCngxAxisDeclarative axis directive
- DirectiveCngxAxisDomainDeclares a scale domain to the parent <cngx-chart> without drawing anything
- TokenCNGX_CHART_AXISContract token every axis provides and <cngx-chart> queries
- TokenCNGX_CHART_I18NWCAG AAInjection token for chart i18n strings
- ComponentCngxAreaArea layer atom
- ComponentCngxBandBand reference atom
- ComponentCngxBarBar layer atom
- ComponentCngxLineLine layer atom
- ComponentCngxScatterScatter layer atom
- ComponentCngxThresholdThreshold reference atom
- TokenCNGX_CHART_LAYERInjection token each layer atom provides via { provide: CNGX_CHART_LAYER, useExisting: CngxX }
- ComponentCngxChartLegendWCAG AAPresentational legend atom - a row (or column) of coloured swatches paired with labels
- ComponentCngxBulletWCAG AABullet chart - Stephen Few's compact KPI visualisation
- ComponentCngxDeviationBarWCAG AAMini deviation bar - a single-value indicator that diverges from a [baseline] (default 0 ) in either direction
- ComponentCngxDonutWCAG AACircular donut gauge - a single-value bounded indicator
- ComponentCngxMiniAreaWCAG AAInline mini area - a tiny filled-area chart for KPI cards
- ComponentCngxMiniBarWCAG AAMini horizontal bar - a single-value bounded indicator
- ComponentCngxSparklineWCAG AAInline sparkline - a tiny line chart for KPI cards and dashboard tiles
- ComponentCngxStackedBarWCAG AASingle-bar stacked composition - visualises proportional shares of a fixed total
- TokenCNGX_CHART_RENDERER_FACTORYThe renderer-factory the chart shell resolves to build its backend
- TokenCNGX_CHART_RENDERER_THRESHOLDDatapoint count above which <cngx-chart> auto-switches from SVG to Canvas rendering
References63#
- InterfaceCngxChartConnectionContextContext for the connection-lifecycle slots ( *cngxChartConnectionError , *cngxChartReconnecting )
- InterfaceCngxChartContextReactive context published by <cngx-chart> to its content children
- InterfaceCngxChartErrorContextContext for the *cngxChartError slot template
- InterfaceCngxChartPlotAreaThe rectangle the chart's scales map onto: the viewBox minus the space reserved for axis decoration, in viewBox u...
- InterfaceCngxChartSlotContextCommon context shape passed into every chart slot template (loading, empty, error)
- FunctioncreateSignificantChangeTrackerDerive the most recent significant transition from a chart-summary signal, or null when the latest update carried no ...
- FunctiondimensionsEqualField-wise equality on the chart's { width, height } dimension shape
- FunctioninjectChartContextInject the parent chart's reactive context
- FunctioninsetEqualField-wise equality on the chart's four-sided axis inset
- FunctionplotAreaEqualField-wise equality on the published plot rectangle
- FunctionsameItemsArrLength + Object.is per-index equality on any readonly array
- FunctionsameNumberArrLength + Object.is per-index equality on a readonly numeric array
- FunctionslotContextEqualField-wise equality on the slot context handed to every fallback template
- VariableCHART_SMALL_BREAKPOINT_PXThreshold (px) below which CngxChartSlotContext.small is true
- Type AliasCngxSignificantChangeA significant, AT-worthy transition derived from the chart summary: either the trend flipped, or the current value cr...
- Type AliasScaleFnGeneric scale function shape
- Type AliasXScaleInputNumeric input shape every concrete scale accepts
- InterfaceCngxChartAxisWhat <cngx-chart> needs from an axis, and nothing more
- Type AliasCngxAxisPositionAxis position
- Type AliasCngxAxisTypeAxis scale type
- InterfaceChartBufferOptionsConstruction options for {@link injectChartBuffer}
- InterfaceCngxChartBufferThe realtime feed handle returned by {@link injectChartBuffer}
- FunctioncreateRingBufferConstruct a {@link RingBuffer} with a fixed capacity
- FunctiondownsampleLTTBLargest-Triangle-Three-Buckets downsampling
- FunctioninjectChartBufferBounded, rAF-coalesced realtime feed for <cngx-chart>
- InterfaceCngxChartI18ni18n surface for @cngx/common/chart
- InterfaceCngxChartSummarySummary input describing the chart's current data shape
- FunctionprovideChartI18nProvider helper for custom chart i18n strings
- InterfaceCngxChartLayerContract every layer atom ( [cngxLine] , [cngxBar] , ...) self-provides via {@link CNGX_CHART_LAYER}
- Type AliasBarYAccessorReads the bar height (data-space Y) of a data row at index i
- Type AliasLayerGeometryBackend-agnostic geometry a layer atom publishes for rendering
- Type AliasScatterXAccessorReads the data-space X value of a scatter row at index i
- Type AliasScatterYAccessorReads the data-space Y value of a scatter row at index i
- InterfaceCngxChartLegendItemSingle legend entry
- InterfacePathBuilderSingle-slot LRU cache around an SVG d -attribute builder
- InterfacePathBuilderOptionsConstruction options for {@link createPathBuilder}
- InterfacePathPointPixel-space point fed into {@link buildCurvePath}
- InterfacePathSegmentOne run of consecutive finite points, as produced by {@link PathBuilder.buildSegments}
- FunctionbuildCurvePathBuild the SVG d attribute for a sequence of points
- FunctioncreatePathBuilderPure-TS path builder with single-slot LRU memo on (data, xScale, yScale) reference identity
- Type AliasCngxCurveCurve interpolators for line / area path builders
- Type AliasLineXAccessorReads the X value of a data row at index i
- Type AliasLineYAccessorReads the Y value of a data row at index i
- InterfaceCngxBulletRangeBullet chart range entry - a colour band stretching from one value to another along the bullet's axis
- InterfaceCngxStackedSegmentOne segment in a stacked-bar series: a value, a label, optional colour
- InterfaceChartRendererControllerDepsConstruction dependencies for {@link createChartRendererController}
- InterfaceChartRendererDepsConstruction dependencies shared by every renderer backend
- InterfaceCngxChartRendererA rendering backend for <cngx-chart>
- InterfaceCngxChartRendererControllerHandle returned by {@link createChartRendererController}
- InterfaceCngxChartRendererFeatureA single renderer-config override produced by a with* feature and folded by {@link provideChartRenderer}
- FunctioncreateCanvasRendererCanvas rendering backend
- FunctioncreateChartRendererControllerOwns the renderer mount / destroy / paint reactive lifecycle so the chart shell holds no rendering brain
- FunctioncreateSvgRendererSVG passthrough renderer
- FunctionprovideChartRendererAggregate renderer-config features into a provider set
- FunctionwithChartRendererFactoryReplace the renderer factory - e.g
- FunctionwithChartRendererThresholdOverride the SVG->Canvas auto-switch cutoff (default 500 )
- VariablecreateDefaultChartRendererThe default renderer factory: dispatches 'svg' to {@link createSvgRenderer} and 'canvas' to {@link cr...
- Type AliasCngxChartRendererFactoryBuilds a {@link CngxChartRenderer} for the requested mode
- InterfaceBandScalePure-TS band scale
- FunctioncreateBandScaleConstruct a {@link BandScale} from a categorical domain and a numeric range
- FunctioncreateLinearScalePure-TS linear scale
- FunctioncreateOrdinalScalePure-TS ordinal scale
- FunctioncreateTimeScalePure-TS time scale