Candlestick — Malm UI

Ett ljus per period. Kroppen går från öppning till stängning, veken från lägsta till högsta. Ett ljus som stängde högre än det öppnade är ihåligt, ett som stängde lägre är fyllt: upp eller ned syns utan färg, och kortet och tabellen säger det i ord.

Behov: Ett pris eller en kö som rör sig under perioden, där stängningen ensam döljer svängningen. Prövat: LineChart visar bara ett värde per period, och ett område mellan lägsta och högsta tappar öppning och stängning.

Ljusen

Håll över ett ljus för dagens fyra värden och förändringen.

Stängning124 öre/kWh30/10

Under månaden+62 öre/kWhfrån 62 den 1/10

Högst171 öre/kWh28/10

Lägst2 öre/kWh14/10

Öppning, högst, lägst och stängning per dag, öre/kWh

Upp, ihålig
Ned, fylld

Källa: Nord Pool (exempel)

Tabell

Dag	Öppningöre/kWh	Högstöre/kWh	Lägstöre/kWh	Stängningöre/kWh
1/10	62	118	41	88	Upp
2/10	88	131	52	97	Upp
5/10	97	104	38	55	Ned
6/10	55	92	33	79	Upp
7/10	79	145	61	132	Upp
8/10	132	158	74	101	Ned
9/10	101	112	46	64	Ned
12/10	64	71	12	18	Ned
13/10	18	39	4	27	Upp
14/10	27	33	2	9	Ned
15/10	9	48	6	41	Upp
16/10	41	77	29	70	Upp
19/10	70	126	55	119	Upp
20/10	119	167	81	142	Upp
21/10	142	149	68	93	Ned
22/10	93	121	57	108	Upp
23/10	108	113	49	61	Ned
26/10	61	98	44	85	Upp
27/10	85	139	63	127	Upp
28/10	127	171	92	154	Upp
29/10	154	162	87	112	Ned
30/10	112	136	71	124	Upp

import { candlestickChart } from "@whitespace/malm-ui/proposals/candlestick";

candlestickChart({
  label: "Elpriset i SE3 per vardag, oktober 2026",
  xAxis: { data: ["1/10", "2/10", …], name: "Dag" },
  yAxis: { unit: "öre/kWh" },
  data: [[62, 118, 41, 88], …],   // [öppning, högst, lägst, stängning]
});

Regler

Ihåligt är upp, fyllt är ned. Färgen är diagrammets egen för plus och minus, aldrig det enda tecknet.
Axeln börjar inte på noll: ett pris läses mot sig självt, och ljusen ska fylla höjden.
En period utan värden är ett hål, inte ett platt ljus: null i data.
Högst ett par dussin ljus. Fler blir streck; välj en längre period per ljus.