Diagram-widget
Diagramwidgeten visar formulärdata visuellt — som staplar, kolumner, linjer, cirklar, ringar eller heatmaps. Använd den när du vill att användarna ska kunna se mönster och fördelningar i formulärinnehåll utan att läsa enskilda svar.
När du ska använda detta
- Du vill visa fördelningen av svar över kategorier eller över tid
- Du behöver jämföra summor av numeriska fält per grupp
- Du vill komplettera listor och mätetal med en visuell översikt
- Du vill visa data som en sorterbar tabell
Hur det fungerar
Diagrammet hämtar data från ett valt formulär och grupperar svar längs X-axeln (kategorier eller tid). Y-axeln anger värdet — antingen antalet svar eller summan av ett numeriskt fält. Filter begränsar vilka svar som inkluderas. Diagramtypen styr hur datan presenteras, och en färgpalett styr utseendet.
Lägg till ett diagram
- Öppna Designredigeraren för din applet.
- Lägg till widgeten Diagram på sidan.
- Öppna widgetens inställningar.
- Välj Formulär som diagrammet ska bygga på.
- Välj Diagramtyp.
- Konfigurera X-axel, Y-axel och Filtrering.
- Spara ändringarna.
Inställningar i widgeten
Formulär
Välj det formulär du vill visa data ifrån. Övriga inställningar — fältval och filter — bygger på det formulär du väljer här.
Diagramtyp
Välj hur datan ska presenteras:
| Typ | Beskrivning |
|---|---|
| Tabell | Datan visas som en sorterbar tabell. |
| Stapel | Horisontella staplar — bra för kategorier med långa namn. |
| Kolumn | Vertikala staplar — vanligast för jämförelser över kategorier. |
| Cirkulär stapel | Staplar arrangerade i en cirkel — visuellt alternativ till kolumndiagram. |
| Cirkel | Cirkeldiagram (pie) — visar andelar av en helhet. |
| Ring | Ringdiagram (donut) — som cirkel men med hål i mitten. |
| Linje | Linjediagram — bra för trender över tid. |
| Staplad kolumn | Kolumner staplade på varandra — visar både total och fördelning. |
| Heatmap | Värmekarta — visar värden i en matris med färgintensitet. |
Rubrik
Ange en rubrik för diagrammet. Rubriken visas tillsammans med diagrammet. Om du grupperar X-axeln på ett fält fyller AppStudio i fältets namn som rubrik om du inte själv anger en.
X-axel
X-axeln är den horisontella linjen i ett diagram och visar kategorier eller tid. Du kan gruppera data på ett av tre sätt — endast ett alternativ kan vara aktivt åt gången:
| Inställning | Beskrivning |
|---|---|
| Gruppera på skapad-datum | Grupperar svar efter när formulärsvaret skapades. |
| Gruppera på ändrat-datum | Grupperar svar efter när formulärsvaret senast ändrades. |
| Gruppera på fält | Grupperar svar baserat på värdet i ett valt fält från formuläret. |
Y-axel
Y-axeln är den vertikala linjen i ett diagram och visar värdet. Du kan summera på ett av två sätt — endast ett alternativ kan vara aktivt åt gången:
| Inställning | Beskrivning |
|---|---|
| Räkna svar | Räknar antalet formulärsvar i varje X-axelgrupp. |
| Summera över fält | Summerar värdena i ett valt numeriskt fält över svaren i varje X-axelgrupp. |
Filtrering
Fältfilter
Öppna Fältfilter och välj Lägg till villkor för att begränsa vilka svar som inkluderas i diagrammet. Lägg till villkor genom att först välja ett fält och sedan en operator. Vilka operatorer som är tillgängliga beror på fälttypen:
| Operator | Betydelse |
|---|---|
= | Lika med |
!= | Inte lika med |
=<empty> | Fältet är tomt |
!=<empty> | Fältet är inte tomt |
=<includes> | Innehåller |
!=<includes> | Innehåller inte |
<=lessOrEqual | Mindre än eller lika med |
>=greaterOrEqual | Större än eller lika med |
=<within> | Lika med inom |
!=<within> | Inte lika med inom |
Efter vald operator anger du Term för att slutföra villkoret. Lägg till flera villkor för att uppnå korrekt filtrering. Samtliga villkor behöver uppfyllas för att ett svar ska inkluderas i diagrammet.
Datumfilter
Ange datum och tid för start och slut på den period du vill filtrera formulärsvar på. Datumen avser tidpunkten då formulärsvaret skapades, inte värdet i ett datumfält.
Färgpalett
Färgpaletten styr vilka färger som används för diagrammets serier.
Förinställda paletter
Välj en färdig palett från listan Färgrymdsval. AppStudio levereras med flera paletter:
- Primär färg — färger som matchar appletens primära färg
- Sekundär färg — färger som matchar appletens sekundära färg
- Light Lollipop / Dark Lollipop
- Red Roses / Ochre Sand / Yellow Lime / Green Mint / Ice Cube / Blue Ocean / Dark Chocolate
- Återställ — sätter tillbaka standardvärdena
När du väljer en förinställning sätts skjutreglagen för Kulör, Färgmättnad och Ljushet automatiskt.
Färgrymd
Justera paletten manuellt med dragknapparna:
| Skjutreglage | Område |
|---|---|
| Kulör (Hue) | 0 – 360 |
| Färgmättnad (Chroma) | 0 – 134 |
| Ljushet (Lightness) | 0 – 100 |
Reglagen är tvådelade — välj ett intervall genom att flytta båda knapparna.
Frö (seed)
Fröet styr den slumpmässiga genereringen av färger inom färgrymden. Genom att använda samma frö och samma färgrymd i flera widgets får du samma färgsekvens — vilket är användbart om du vill att flera diagram ska följa samma färgschema.
Klicka på trollspö-ikonen för att slumpa fram ett nytt frö.
TIPS
Mer om hur färgrymd och frö fungerar finns på iWantHue — informationsknappen vid Färgpalett länkar dit.
Exempel
Scenario: Du vill visa antalet inkomna ärenden per status i en kolumn-diagram.
- Lägg till en Diagram-widget på översiktssidan.
- Välj formuläret Ärende som datakälla.
- Sätt Diagramtyp till Kolumn.
- Ange rubriken
Ärenden per status. - Under X-axel, välj Gruppera på fält och välj fältet Status.
- Under Y-axel, aktivera Räkna svar.
- Under Färgpalett, välj förinställningen Primär färg för att matcha appletens utseende.
Diagrammet visar nu antalet ärenden grupperade på status, i samma färger som appleten.
Tips
TIPS
Använd Gruppera på skapad-datum kombinerat med Linje för att visa trender över tid — exempelvis antal inkomna svar per dag eller månad.
TIPS
För diagram som ska se likadana ut visuellt på flera platser, sätt samma frö och färgrymd i alla widgets. Då får serierna samma färger även om datan skiljer sig.
Vanliga misstag
VARNING
Om diagrammet är tomt, kontrollera filtren. Alla villkor måste uppfyllas samtidigt för att ett svar ska räknas in.
VARNING
Du kan endast ha en X-axel-gruppering aktiv åt gången — när du aktiverar Gruppera på fält döljs alternativen för datum, och vice versa. Detsamma gäller Y-axelns två alternativ.
VARNING
Datumfiltret avser när formulärsvaret skapades, inte värdet i ett datumfält. Vill du filtrera på ett datumfält, lägg till det som ett vanligt villkor under Fältfilter istället.