https://cngxjs.github.io/cngx/examples/#/common/chart/primitives/async-state-machine-on-the-primitive https://cngxjs
common/chart
Category
No results found
Features21#
- ComponentCngxChartWCAG AAhttps://cngxjs.github.io/cngx/examples/#/common/chart/primitives/async-state-machine-on-the-primitive https://cngxjs....
- DirectiveCngxChartEmptyPer-instance empty slot for <cngx-chart>
- DirectiveCngxChartError*cngxChartError slot - overrides the chart-level error placeholder
- DirectiveCngxChartLoadingPer-instance loading slot for <cngx-chart>
- TokenCNGX_CHART_CONTEXTInjection token consumed by every chart child ( [cngxAxis] , layer atoms, <cngx-chart-data-table> )
- ComponentCngxAxisDeclarative axis directive
- 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
- 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
References32#
- InterfaceCngxChartContextReactive context published by <cngx-chart> to its content children
- InterfaceCngxChartErrorContextContext for the *cngxChartError slot template
- InterfaceCngxChartSlotContextCommon context shape passed into every chart slot template (loading, empty, error)
- FunctiondimensionsEqualField-wise equality on the chart's { width, height } dimension shape
- FunctioninjectChartContextInject the parent chart's reactive context
- VariableCHART_SMALL_BREAKPOINT_PXThreshold (px) below which CngxChartSlotContext.small is true
- Type AliasScaleFnGeneric scale function shape
- Type AliasXScaleInputNumeric input shape every concrete scale accepts
- Type AliasCngxAxisPositionAxis position
- Type AliasCngxAxisTypeAxis scale type
- InterfaceCngxChartI18ni18n surface for @cngx/common/chart
- InterfaceCngxChartSummarySummary input describing the chart's current data shape
- FunctionprovideChartI18nProvider helper for custom chart i18n strings
- Type AliasBarYAccessorReads the bar height (data-space Y) of a data row at index i
- 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}
- 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
- 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