Skip to main content

Charts

Browse and explore 22 production-ready ECharts components with full theme integration

Showing 22 of 22 charts

LineChart

Core Charts

Display trends over time with smooth curves and area fill options

trendtime-seriescomparison +1

BarChart

Core Charts

Compare categories with vertical or horizontal bars

comparisoncategoriesranking +1

PieChart

Core Charts

Show proportional data with interactive labels

proportionpercentagecomposition +1

DonutChart

Core Charts

Pie chart variant with center labels for key metrics

proportionpercentagedashboard +1

AreaChart

Core Charts

Line chart with gradient fill and stacking support

trendvolumeaccumulation +1

ScatterChart

Core Charts

Visualize X/Y relationships with optional trend lines

correlationdistributionanalysis +1

RadarChart

Extended Charts

Multi-dimensional comparison across categories

comparisonmultivariateassessment +1

FunnelChart

Extended Charts

Visualize conversion rates and process flows

conversionprocesspipeline +1

GaugeChart

Extended Charts

Display single value metrics with progress indicator

metrickpiprogress +1

HeatmapChart

Extended Charts

Matrix data visualization with color intensity

matrixdensitycorrelation +1

TreemapChart

Extended Charts

Hierarchical data as nested rectangles

hierarchyproportionnested +1

CandlestickChart

Extended Charts

Financial OHLC data with volume bars

financialstocktrading +1

SankeyChart

Extended Charts

Flow relationships between entities

flowrelationshipallocation +1

ComboChart

Report Charts & Stats

Bars, lines and areas over shared categories on one or two value axes

combodual-axiscomparison +1

DotPlotChart

Report Charts & Stats

One row per category with a dot per series, on a non-zero value axis

comparisondumbbellranking +1

BulletChart

Report Charts & Stats

Measured bars against target ticks and qualitative ranges

kpitargetprogress +1

HistogramChart

Report Charts & Stats

Distribution of raw values across equal or explicit buckets

distributionagingfrequency +1

BoxPlotChart

Report Charts & Stats

Spread of raw values per category with quartiles and outliers

distributionstatisticsoutliers +1

WaterfallChart

Report Charts & Stats

How a starting value moves through increases and decreases to a total

bridgemarginvariance +1

Sparkline

Report Charts & Stats

A small, axis-free trend line drawn as SVG

trendinlinekpi +1

StatCard

Report Charts & Stats

A headline metric with its change against a previous period and trend

kpimetricdashboard +1

StatGroup

Report Charts & Stats

Responsive grid of StatCards with an accessible group label

kpilayoutdashboard +1

Features

Theme Integration

Charts use design tokens for consistent colors across light and dark modes

Accessibility

ARIA labels, descriptions, and reduced motion support built-in

Tree-Shaking

Only the ECharts modules you use are bundled for optimal performance

Quick Start

Core Charts

Essential chart types for common data visualization needs

Extended Charts

Specialized chart types for advanced visualization scenarios

Report Charts & Stats

Combo, waterfall, bullet and distribution charts, KPI cards and sparklines

Documentation

Detailed chart docs with API reference and examples