Diagram – presentera data på ett snyggt, enkelt och överskådligt sätt

Diagram - presentera data på ett snyggt, enkelt och överskådligt sätt

Med modulen Diagram kan du snabbt presentera data från en utpekad fil i filarkivet. Färdigställ utseendet i inställningarna så att det passar in på din webbplats. Data visas både som diagram och tabell för att göra det tillgängligt för alla.

Välj bland färgerna i ditt tema och bland flera olika diagramtyper:

• Diagramtyper
• Stapeldiagram
• Grupperat stapeldiagram
• Liggande stapeldiagram
• Linjediagram
• Cirkeldiagram
• Tabell

Inställningar

Modulen har en vy där du gör dina inställningar.

Data

Första steget är att lägga in en fil i filarkivet och sedan välja denna i inställningsvyn. Exportera din Excel-fil till csv-format i Excel med semikolon som avskiljare. (Giltigt filformat är .csv och avskiljare är semikolon.)

Typ av diagram

Här väljer du vilket typ av diagram som du vill visualisera data med. Följande typer är möjliga att välja mellan:

• Linjediagram
• Stapeldiagram
• Grupperat stapeldiagram
• Liggande stapeldiagram
• Cirkeldiagram
• Tabell

Gemensamt för de första fem typerna är att ni kan byta mellan diagramvy och tabellvy i presentationsläget.

Tillgänglighet

För att göra diagrammet tillgängligt på din webbplats kan du aktivera följande inställning och låta diagrammets data renderas ut i en tabell precis nedanför diagrammet.

Generella inställningar

Visa värden i diagrammet

Välj mellan att visa eller dölja värdet intill respektive stapel/linje/cirkel i diagrammet.

Vänd tabellen

I tabellvyn kan du välja om data ska presenteras vertikalt eller horisontellt.

Diagramhöjd (px)

Ställ in höjden i antal pixlar.

Formatmall

Ställ in vilken formatmall du vill att samtliga texter i diagrammet ska ha.

Utseende

Färger

I färgväljaren bestämmer du vilka färger diagrammet ska visa. Färgväljaren hämtar alternativen från webbplatsinställningarna och det är där du lägger till nya alternativ, om diagrammet saknar någon färg.

Färgerna används i den ordning du lägger till dem. Behöver du byta ordning, då gör du det genom att dra färgen till önskad plats i listan. Väljer du inga färger kommer diagrammet att hämta dessa från listan automatiskt.

Tema

Om diagram ska läggas ut på en sida som har en mörk toning i bakgrundsfärgen, välj att sidan är mörk, så anpassas diagrammet. Exempelvis medför det att linjer skiftar färg och har bättre kontraster mot den mörkare bakgrunden.

Exempeldata

Här finns exempeldata för samtliga diagram. Dessa hjälper dig att se vilken formatering appen behöver ha på respektive diagram, för att fungera optimalt.

(Diagrammen finns i mappen bredvid denna fil och ska skickas med samt länkas nedan.)

[Linjediagram.csv]

[Stapeldiagram.csv]

[Grupperat stapeldiagram.csv]

[CirkelDiagram.csv]

[Liggande stapeldiagram.csv]

[Tabell.csv]

Public link

Please use the above public link if you want to share this noodl on another website.