Electra
Alle eksempler

ele.pages - tabel og graf

Frøbanken bruger én JSON-fil til nøgletal, søjler og linjegraf. En CSV-fil leverer tabellen. De to grafer viser præcis de samme tre tal, så forskellen ligger i visningen.

Den færdige side

Se søjler og linje efter hinanden. Søg på et frønavn i tabellen, eller klik på en kolonneoverskrift for at sortere.

Åbn siden i fuld størrelse

To grafdele og tabel i Frøbankens Pages-editor

To kilder

assets/lager.json har tre grupper og deres værdier. Begge grafer læser feltet fordeling. assets/lager.csv har én række pr. frøpose og bruges i tabellen.

Hvad er indbygget?

Pages bygger søjle- og linjevisning af JSON-data og gør CSV-tabellen søgbar og sorterbar.

Åbn kildemappen i ELE Live