Skip to content

Small charts

Sparkline table

Twelve rows of line, area, column and win-loss sparklines updating together on one render frame.

Sparkline table@ortex-charts/lite
Loading sparkline table…
Twelve rows of line, area, column and win-loss sparklines updating together on one render frame.
sparkline-table.ts
import { createSparkline, type Sparkline } from "@ortex-charts/lite";

// Three kinds of sparkline, sized in CSS pixels, no axes and no chrome.
sparks.push(createSparkline(cells[0], { kind: "area", width: 150, height: 30, colorByTrend: true }).setData(values));
sparks.push(createSparkline(cells[1], { kind: "column", width: 150, height: 30, baseline: 0 }).setData(returns));
sparks.push(createSparkline(cells[2], { kind: "winloss", width: 150, height: 22 }).setData(returns));

More small charts examples