Getting StartedInstallation and package overview 2
Line15 line charts 15
Area8 area charts 8
Bar16 bar charts 16
Pie10 pie charts 10
Scatter11 scatter charts 11
Heatmap6 heatmap charts 6
Boxplot3 boxplot charts 3
Calendar5 calendar charts 5
Candlestick5 candlestick charts 5
Chord4 chord charts 4
Funnel4 funnel charts 4
Gauge9 gauge charts 9
Geo Map7 geo map charts 7
Graph6 graph charts 6
Lines2 lines charts 2
Matrix7 matrix charts 7
Parallel3 parallel charts 3
Pictorial Bar4 pictorial bar charts 4
Radar3 radar charts 3
Sankey6 sankey charts 6
Sunburst5 sunburst charts 5
Theme River1 theme river chart 1
Tree5 tree charts 5
Treemap4 treemap charts 4
CompositionSemi-headless chart surfaces and layout control 1

@tailng-ui/charts

Charts

TailNG-owned chart series and semi-headless composition for Angular apps that need predictable APIs, theme-aware rendering, and an Apache ECharts runtime behind the surface.

Getting Started

Overview

TailNG-owned chart wrappers, theme-aware rendering, and an isolated Apache ECharts runtime.

RenderersCanvas default, SVG opt-in
Categories24 chart categories, 143 components
CompositionRoot, surface, legend context
RuntimeECharts isolated internally

Chart types

One example per chart category

Each chart maps records to field names, generates ECharts options, and resolves theme variables automatically.

Line

Smoothed trend over categories.

View docs

Bar

Grouped comparison with legend toggles.

View docs

Area

Filled cumulative or volume emphasis.

View docs

Pie

Part-to-whole with donut mode.

View docs

Scatter

Correlation with sized symbols.

View docs

Heatmap

Matrix intensity by x/y pairs.

View docs