components/u_charts library

Classes

UAreaChart

Line chart with a gradient fill under each line. UAreaChart(series: series, categories: days)

UBarChart

Vertical bar chart; several series are drawn side by side. UBarChart(series: [UChartSeries(values: [4, 7, 3])], categories: ["A", "B", "C"])

UBubbleChart

Bubble chart: scatter where each point's size sets the bubble. UBubbleChart(data: series)

UCandle

One open/high/low/close candle. UCandle(open: 10, high: 12, low: 9, close: 11, label: "Mon")

UCandlestickChart

Candlestick chart for prices. UCandlestickChart(candles: candles)

UChartAnimator

Rebuilds builder with an animated progress value from 0 to 1 on mount.

UChartPoint

One (x, y) point; size sets the bubble size in bubble charts. UChartPoint(x: 1, y: 3)

UChartSeries

One named line/bar series of Y values over the shared categories. UChartSeries(name: "Sales", values: [3, 5, 2, 8])

UChartStyle

Shared look of every chart; null fields follow the theme. UChartStyle(showLegend: true, valueFormatter: (v) => v.toInt().toString())

UDonutChart

Donut chart with an optional center text (e.g. the total). UDonutChart(slices: slices, centerText: "100")

UFunnelChart

Funnel chart for conversion steps (largest first). UFunnelChart(slices: steps)

UGroupedBarChart

Bars grouped per category (same as UBarChart with several series).

UHeatmapChart

Heatmap of a matrix with row/column labels. UHeatmapChart(matrix: [[1, 2], [3, 4]])

UHistogramChart

Histogram: counts how many values fall into each of bins ranges. UHistogramChart(data: ages, bins: 8)

UHorizontalBarChart

Horizontal bar chart, good for long labels. UHorizontalBarChart(series: series, categories: names)

ULineChart

Line chart for one or more series; smooth curves, filled shades under lines. ULineChart(series: [UChartSeries(values: [1, 3, 2])], categories: ["Jan", "Feb", "Mar"])

UOhlcChart

OHLC bar chart for prices. UOhlcChart(candles: candles)

UPieChart

Pie chart. UPieChart(slices: [USlice(label: "A", value: 3), USlice(label: "B", value: 1)])

UPointSeries

A named group of points for scatter/bubble charts. UPointSeries(name: "A", points: [UChartPoint(x: 1, y: 2)])

URadarChart

Radar/spider chart comparing series across axes. URadarChart(axes: ["Speed", "Power", "Range"], series: [UChartSeries(values: [3, 4, 2])])

UScatterChart

Scatter chart of free (x, y) points. UScatterChart(data: [UPointSeries(points: pts)])

USlice

One slice of a pie, donut, funnel or treemap. USlice(label: "Food", value: 40)

USparkline

Tiny inline trend line (no axes), e.g. in a table cell. USparkline(values: [3, 5, 4, 8])

USplineChart

Smooth-curve line chart. USplineChart(series: series, categories: months)

UStacked100BarChart

100% stacked bars showing each series' share per category.

UStackedAreaChart

Areas stacked on top of each other.

UStackedBarChart

Bars stacked on top of each other per category.

UStepLineChart

Step line chart for values that jump (states, prices). UStepLineChart(series: series)

UTreemapChart

Treemap: nested rectangles sized by value. UTreemapChart(slices: categories)

UWaterfallChart

Waterfall chart of gains/losses with totals. UWaterfallChart(items: steps)

UWaterfallItem

One step of a waterfall chart; isTotal draws a running-total bar. UWaterfallItem(label: "Tax", value: -120)