Hur jag gjorde detta: Dynamisk analys med layoutbehållaren

Det här exemplet visar hur du kan skapa dynamiskt, interaktivt arkinnehåll med layoutbehållaren.Layoutbehållaren stöder rutnätlös design och flervärdesvisualiseringar, vilket ger omfattande kontroll över arrangemanget av ditt analysinnehåll. Dessutom, precis som med andra behållarobjekt, kan du dynamiskt presentera olika information beroende på en mängd olika förhållanden, såsom variabel- och urvalstillstånd.

Det här exemplet visar hur du kan bygga en layoutbehållare för att presentera information från flera diagram som ett enda objekt. Några allmänna designmetoder inkluderar:

Att arrangera liknande objekt på ett symmetriskt sätt, med hjälp av stilmallar för att skilja olika delavsnitt av data.
Att ta bort ramar från enskilda objekt inuti layoutbehållaren och sedan lägga till en ram runt hela objektet när det är klart.
Att visa olika objekt eller data villkorligt beroende på användarinteraktion – i det här exemplet ett stapeldiagram där användaren kan visa eller dölja detaljer.
Att bygga sammansatta element som består av flera olika objekt placerade bredvid varandra – i det här exemplet en interaktiv knapp som efterliknar en på/av-brytare.
Tillåter flera sätt för användare att välja och filtrera data när de behöver titta närmare.

Färdig layoutbehållare för exemplet — Slutresultat

Förberedelser

Skapa en ny app och klistra in Exempel på laddningsskript i ett nytt delavsnitt i Skriptredigeraren. Ladda sedan data.

När du har laddat data växlar du till arkvyn.

Exempel på laddningsskript

SET DateFormat='M/D/YYYY';

Sales:

Load 

date(Now()-Offset,'MM/DD/YYYY') as [Order Date],

* Inline [

Order ID,Offset,Product Type,Shipment Status,Fulfillment Center,Sales,Late Status,Days Late
1,30,Electronics,Delivered,10036,9950,Not Late,
2,30,Office Supplies,Delivered,10036,4412,Not Late,
3,30,Office Supplies,Delivered,10038,7480,Late,3
4,30,Home Improvement,Delivered,10035,665,Late,4
5,30,Home Improvement,Delivered,10038,594,Not Late,
6,30,Home Improvement,Stalled,10038,8267,Not Late,
7,30,Clothing,Delivered,10035,1014,Not Late,
8,30,Cleaning Products,Delivered,10036,6999,Late,1
9,30,Electronics,Delivered,10036,733,Not Late,
10,29,Office Supplies,Delivered,10036,3487,Not Late,
11,29,Office Supplies,Delivered,10035,7343,Not Late,
12,29,Office Supplies,Delivered,10036,9239,Late,14
13,27,Cleaning Products,Delivered,10037,1463,Not Late,
14,27,Cleaning Products,Stalled,10035,4688,Not Late,
15,27,Home Improvement,Delivered,10038,5539,Late,2
16,27,Clothing,Delivered,10035,8388,Not Late,
17,27,Office Supplies,Delivered,10035,7560,Not Late,
18,27,Office Supplies,Delivered,10035,5738,Not Late,
19,27,Office Supplies,Delivered,10035,5469,Not Late,
20,26,Home Improvement,Delivered,10037,1435,Not Late,
21,26,Office Supplies,Delivered,10036,5962,Late,1
22,26,Clothing,Delivered,10035,4020,Late,7
23,26,Electronics,Delivered,10036,3888,Late,5
24,25,Office Supplies,Delivered,10037,6496,Not Late,
25,25,Clothing,Delivered,10038,4215,Late,11
26,25,Home Improvement,Delivered,10036,1801,Not Late,
27,25,Grocery,Delivered,10036,6471,Not Late,
28,24,Home Improvement,In Transit,10036,4578,Not Late,
29,24,Office Supplies,Cancelled,10037,3493,Not Late,
30,24,Office Supplies,Cancelled,10035,6572,Not Late,
31,24,Electronics,In Transit,10037,6691,Not Late,
32,24,Office Supplies,In Transit,10038,2721,Late,9
33,24,Grocery,In Transit,10035,8300,Not Late,
34,23,Grocery,In Transit,10035,840,Not Late,
35,23,Office Supplies,In Transit,10036,8972,Not Late,
36,23,Cleaning Products,Stalled,10036,9474,Not Late,
37,23,Home Improvement,In Transit,10038,1935,Not Late,
38,23,Office Supplies,In Transit,10036,1748,Not Late,
39,23,Seasonal,In Transit,10037,1948,Not Late,
40,22,Office Supplies,In Transit,10035,3121,Not Late,
41,22,Electronics,In Transit,10036,7377,Not Late,
42,22,Cleaning Products,In Transit,10037,1492,Not Late,
43,22,Office Supplies,Stalled,10037,7801,Late,6
44,22,Office Supplies,In Transit,10035,4663,Not Late,
45,22,Grocery,In Transit,10035,4649,Not Late,
46,21,Seasonal,In Transit,10038,2612,Not Late,
47,20,Clothing,In Transit,10036,8880,Late,4
48,20,Office Supplies,In Transit,10036,1391,Late,8
49,20,Cleaning Products,Cancelled,10037,1307,Not Late,
50,20,Home Improvement,In Transit,10037,6424,Not Late,
51,20,Grocery,In Transit,10035,5051,Not Late,
52,20,Cleaning Products,In Transit,10035,1286,Not Late,
53,19,Cleaning Products,In Transit,10038,8719,Not Late,
54,19,Office Supplies,In Transit,10037,8576,Not Late,
55,19,Seasonal,In Transit,10038,2866,Not Late,
56,19,Electronics,Stalled,10035,5186,Late,3
57,19,Clothing,In Transit,10038,4079,Not Late,
58,19,Office Supplies,In Transit,10038,706,Not Late,
59,19,Seasonal,In Transit,10036,6111,Not Late,
60,19,Clothing,In Transit,10036,5677,Not Late,
61,19,Home Improvement,In Transit,10037,3993,Not Late,
62,19,Office Supplies,In Transit,10037,1625,Not Late,
63,19,Seasonal,In Transit,10035,5805,Not Late,
64,19,Home Improvement,In Transit,10035,4453,Not Late,
65,19,Office Supplies,In Transit,10038,2252,Not Late,
66,18,Electronics,In Transit,10038,8362,Not Late,
67,18,Clothing,In Transit,10037,4182,Not Late,
68,18,Cleaning Products,In Transit,10038,9044,Not Late,
69,18,Clothing,In Transit,10035,6531,Not Late,
70,18,Office Supplies,In Transit,10035,8408,Not Late,
71,17,Home Improvement,Stalled,10038,9629,Not Late,
72,17,Seasonal,Preparation,10035,2128,Not Late,
73,17,Home Improvement,Cancelled,10038,1024,Not Late,
74,17,Office Supplies,Preparation,10037,9684,Late,2
75,17,Electronics,Preparation,10036,6753,Late,2
76,16,Clothing,Preparation,10036,3192,Not Late,
77,16,Office Supplies,Preparation,10038,3954,Not Late,
78,16,Office Supplies,Preparation,10035,8377,Not Late,
79,16,Office Supplies,Preparation,10038,2334,Not Late,
80,15,Grocery,Preparation,10037,7178,Not Late,
81,15,Office Supplies,Preparation,10037,1188,Not Late,
82,15,Electronics,Preparation,10035,4908,Not Late,
83,15,Electronics,Preparation,10035,3552,Not Late,
84,15,Clothing,Preparation,10037,875,Not Late,
85,14,Office Supplies,Preparation,10038,7886,Late,4
86,14,Home Improvement,Cancelled,10036,2358,Late,1
87,14,Clothing,Preparation,10037,8368,Not Late,
88,14,Grocery,Preparation,10037,142,Not Late,
89,14,Office Supplies,Preparation,10037,5537,Not Late,
90,14,Home Improvement,Preparation,10035,3231,Not Late,
91,14,Clothing,Preparation,10036,2283,Not Late,
92,14,Office Supplies,Preparation,10038,5952,Not Late,
93,13,Office Supplies,Preparation,10038,5513,Not Late,
94,13,Home Improvement,Preparation,10036,5871,Not Late,
95,13,Grocery,Preparation,10038,4425,Not Late,
96,13,Clothing,Preparation,10037,500,Late,1
97,13,Electronics,Preparation,10037,9792,Not Late,
98,13,Seasonal,Preparation,10035,4576,Not Late,
99,13,Office Supplies,Preparation,10038,228,Not Late,
100,13,Cleaning Products,Preparation,10037,3086,Late,1
101,13,Office Supplies,Preparation,10038,2329,Not Late,
102,12,Home Improvement,Preparation,10036,8862,Not Late,
103,12,Office Supplies,Preparation,10037,3991,Not Late,
104,12,Office Supplies,Preparation,10037,5435,Not Late,
105,12,Grocery,Preparation,10038,2476,Not Late,
106,12,Clothing,Preparation,10037,8362,Not Late,
107,12,Seasonal,Preparation,10035,1496,Not Late,
108,12,Electronics,Preparation,10038,3210,Not Late,
109,11,Clothing,Preparation,10038,7692,Not Late,
110,11,Cleaning Products,Preparation,10037,1585,Not Late,
111,11,Home Improvement,Cancelled,10037,1874,Not Late,
112,11,Office Supplies,Preparation,10037,869,Not Late,
113,11,Office Supplies,Preparation,10036,8578,Not Late,
114,10,Office Supplies,Preparation,10036,684,Not Late,
115,10,Electronics,Preparation,10036,9889,Not Late,
116,10,Office Supplies,Preparation,10036,4256,Not Late,
117,8,Seasonal,Preparation,10038,9288,Late,7
118,8,Office Supplies,Cancelled,10038,1534,Not Late,
119,8,Seasonal,Preparation,10038,7496,Not Late,
120,8,Electronics,Preparation,10036,8454,Late,3
121,8,Office Supplies,Stalled,10038,1063,Late,
122,8,Office Supplies,Preparation,10037,5958,Not Late,
123,8,Seasonal,Preparation,10036,686,Not Late,
124,8,Grocery,Preparation,10036,1799,Not Late,
125,8,Clothing,Stalled,10036,8485,Not Late,
126,7,Office Supplies,Preparation,10036,6451,Not Late,
127,7,Office Supplies,Pending,10036,1212,Not Late,
128,7,Electronics,Pending,10037,9037,Not Late,
129,7,Electronics,Pending,10037,6522,Late,20
130,7,Electronics,Pending,10038,8865,Late,4
131,7,Clothing,Cancelled,10036,7929,Not Late,
132,6,Seasonal,Pending,10038,9082,Not Late,
133,6,Office Supplies,Pending,10037,6563,Not Late,
134,6,Seasonal,Pending,10038,3513,Not Late,
135,5,Office Supplies,Pending,10035,2340,Not Late,
136,5,Cleaning Products,Pending,10035,590,Not Late,
137,5,Office Supplies,Pending,10035,542,Not Late,
138,5,Cleaning Products,Pending,10035,4809,Not Late,
139,5,Grocery,Cancelled,10035,1743,Not Late,
140,5,Office Supplies,Pending,10035,8312,Not Late,
141,4,Clothing,Pending,10035,5895,Not Late,
142,4,Clothing,Pending,10037,4882,Not Late,
143,4,Clothing,Pending,10037,9106,Not Late,
144,3,Office Supplies,Pending,10036,7422,Late,1
145,3,Clothing,Pending,10038,2686,Not Late,
146,3,Office Supplies,Pending,10037,698,Late,3
147,3,Office Supplies,Pending,10035,9514,Not Late,
148,2,Home Improvement,Pending,10037,6206,Late,2
149,2,Office Supplies,Pending,10035,9158,Not Late,
150,1,Electronics,Cancelled,10036,3204,Not Late,

];

drop field Offset;

Del 1: Skapa variabeln

Skapa först variabeln. Denna variabel är föremål för villkor som kommer att läggas till senare. Värdena för variabeln kommer att ändras under analysen genom interaktioner med knappobjekt.

Skapa följande variabel. Ställ in Definition på =false().

vViewChartValues

Skapa en variabel

Del 2: Skapa layoutbehållaren

Gör följande:

I resurspanelen öppnar du Anpassade objekt > Dashboard bundle och drar ett Layout container till arket.
Ändra storlek på behållaren så att den är 17 gånger 10 rutor på arkets rutnät.

Del 3: Lägg till visualiseringar i layoutbehållaren

Därefter, lägg till visualiseringar i layoutbehållaren.

Gör följande:

Välj layoutbehållaren.
I egenskapsfönstret, under Innehåll > Diagram, klicka på Lägg till. Välj Knapp.
Expandera objektet. Ange Etikett till Button_NotLateTitle.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 9
Under Position anger du följande:
- X-axel (%): 1
- Y-axel (%): 1
Klicka på Redigera egenskaper.
Expandera Åtgärder och navigering.
Klicka på Lägg till åtgärd.
För Åtgärd väljer du Välj värden i ett fält.
För Fält väljer du Late Status.
För Värde klickar du på .
Lägg till följande:
```
='Not Late'
```
Klicka på Tillämpa.
Expandera Utseende > Allmänt.
Ange Not Late som Etikett.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: Maximalt värde
- Teckenfärg > Färg: #006580
- Bakgrundsalternativ > Använd färg: #ffffff
Klicka på för att avsluta stilpanelen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Knapp.
Expandera objektet. Ange Etikett till Button_LateTitle.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 9
Under Position anger du följande:
- X-axel (%): 51
- Y-axel (%): 1
Klicka på Redigera egenskaper.
Expandera Åtgärder och navigering.
Klicka på Lägg till åtgärd.
För Åtgärd väljer du Välj värden i ett fält.
För Fält väljer du Late Status.
För Värde klickar du på .
Lägg till följande:
```
='Late'
```
Klicka på Tillämpa.
Expandera Utseende > Allmänt.
Ange Late som Etikett.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: Maximalt värde
- Teckenfärg > Färg: #87205d
- Bakgrundsalternativ > Använd färg: #ffffff
Klicka på för att avsluta stilpanelen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Mätare.
Expandera objektet. Ange Etikett till Gauge_NotLate.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 15
Under Position, ange följande:
- X-axel (%): 1
- Y-axel (%): 11
Klicka på Redigera egenskaper.
Lägg till Sum(Sales) som ett mått.
I egenskapspanelen, under Data > Filter, klickar du på Lägg till.
Välj Late Status. Expandera filtret.
Behåll standardfiltertypen Värden, och markera kryssrutan Not Late. Detta filtrerar visualiseringsdata till endast poster som innehåller ett Late Status-värde av Not Late.
Expandera Utseende > Allmänt.
Ställ in Visa rubriker på Av.
Expandera Utseende > Presentation.
Under Intervallgränser, ställ in Max på följande:
```
=Sum({1} Sales)
```
Ändra diagramkonfigurationen från Radiell till Stapel.
Ändra Orientation från Auto till Custom, och se till att Horizontal är valt.
Stäng av Use bibliotek, och ställ in Color till #006580.
Klicka på Styling.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ange färgen för värdeetiketten till #ffffff.
Klicka på för att avsluta stilpanelen.
Expandera Utseende > Mät axel: Sum(Sales).
Ange Etiketter och rubrik till Ingen.
Klicka på den översta stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Mätare.
Expandera objektet. Ange Etikett till Gauge_Late.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 15
Under Position, ange följande:
- X-axel (%): 51
- Y-axel (%): 11
Klicka på Redigera egenskaper.
Lägg till Sum(Sales) som ett mått.
I egenskapspanelen, under Data > Filter, klickar du på Lägg till.
Välj Late Status. Expandera filtret.
Behåll standardfiltertypen Värden, och markera kryssrutan Late. Detta filtrerar visualiseringsdata till endast poster som innehåller ett Late Status-värde av Late.
Expandera Utseende > Allmänt.
Ställ in Visa rubriker på Av.
Expandera Utseende > Presentation.
Under Intervallgränser, ställ in Max på följande:
```
=Sum({1} Sales)
```
Ändra diagramkonfigurationen från Radiell till Stapel.
Ändra Orientering från Auto till Anpassad, och se till att Horisontell är markerad.
Stäng av Använd bibliotek, och ställ in Färg till #87205d.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ange färgen för värdeetiketten till #ffffff.
Klicka på för att avsluta stilpanelen.
Expandera Utseende > Mät axel: Sum(Sales).
Ange Etiketter och rubrik till Ingen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram klickar du på Lägg till. Välj KPI (nyckeltal).
Expandera objektet. Ange Etikett till KPI_NotLate.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 9
Under Position anger du följande:
- X-axel (%): 1
- Y-axel (%): 27
Klicka på Redigera egenskaper.
Lägg till Sum(Sales) som ett mått.
I egenskaperna för måttet ställer du in Talformatering till Pengar.
Ändra Formatmönster till:
```
$ #,##0.00;-$ #,##0.00
```
I egenskapspanelen, under Data > Filter, klickar du på Lägg till.
Välj Late Status. Expandera filtret.
Behåll standardfiltertypen Värden, och markera kryssrutan Not Late. Detta filtrerar visualiseringsdata till endast poster som innehåller ett Late Status-värde av Not Late.
Expandera Utseende > Allmänt.
Ställ in Visa rubriker på Av.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: Maximalt värde
- Stäng av Visa första KPI-namnet
Klicka på för att avsluta stilpanelen.
Expandera Utseende > Färg.
Avaktivera Bilbioteksfärger. Ändra färgen till #006580.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram klickar du på Lägg till. Välj KPI (nyckeltal).
Expandera objektet. Ange Etikett till KPI_Late.
Under Storlek anger du följande:
- Bredd (%): 48
- Höjd (%): 9
Under Position anger du följande:
- X-axel (%): 51
- Y-axel (%): 27
Klicka på Redigera egenskaper.
Lägg till Sum(Sales) som ett mått.
I egenskaperna för måttet ställer du in Talformatering till Pengar.
Ändra Formatmönster till:
```
$ #,##0.00;-$ #,##0.00
```
I egenskapspanelen, under Data > Filter, klickar du på Lägg till.
Välj Late Status. Expandera filtret.
Behåll standardfiltertypen Värden, och markera kryssrutan Late. Detta filtrerar visualiseringsdata till endast poster som innehåller ett Late Status-värde av Late.
Expandera Utseende > Allmänt.
Ställ in Visa rubriker på Av.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: Maximalt värde
- Stäng av Visa första KPI-namnet
Klicka på för att avsluta stilpanelen.
Expandera Utseende > Färg.
Avaktivera Biblioteksfärger. Ställ in färgen till #87205d.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj stapeldiagram.
Expandera objektet. Ange Etikett till BarChart_Simple.
För Visa villkor, klicka på .
Lägg till följande:
```
=vViewChartValues=false()
```
Klicka på Tillämpa.
Under Storlek, ange följande:
- Bredd (%): 81
- Höjd (%): 62
Under Position anger du följande:
- X-axel (%): 1
- Y-axel (%): 37
Klicka på Redigera egenskaper.
Lägg till Product Type som en dimension.
Lägg till en annan dimension: Late Status.

Product Type bör nu listas som Grupp och Late Status som Staplar.
Lägg till Sum(Sales) som ett mått.
I egenskaperna för måttet ställer du in Talformatering till Pengar.
Ändra Formatmönster till:
```
$ #,##0.00;-$ #,##0.00
```
Expandera Utseende > Allmänt.
Ställ in Visa rubriker på Av.
Expandera Utseende > Presentation.
Växla från den grupperade till den staplade presentationen.
Ställ in Rutnätsavstånd på Anpassad. I rullgardinsmenyn väljer du Inga linjer.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Axelrubrik teckenstorlek: 16 px
Klicka på för att stänga stilpanelen.
Expandera Utseende > Färger och teckenförklaring.

Ställ in Färger på Anpassad > Per uttryck. Använd följande uttryck:

=if([Late Status]='Not Late','#006580', if([Late Status]='Late','#87205d'))

Ange Visa teckenförklaring till Av.
Expandera Utseende > X-axel: Product Type, Late Status.
Ange Etiketter och rubrik till Endast etiketter.
Expandera Utseende > Y-axel: Sum(Sales).
Ställ in Etiketter och rubrik på Endast etiketter.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Gör följande:

Under Innehåll > Diagram, högerklicka på BarChart_Simple och klicka på Duplicera.
Expandera objektet. Ange Etikett till BarChart_Detailed.
För Visa villkor, klicka på .
Lägg till följande:
```
=vViewChartValues=true()
```
Klicka på Tillämpa.
Klicka på Redigera egenskaper.
Expandera Utseende > Presentation.
Aktivera Värdeetiketter.
Aktivera Segmentetiketter, och se till att Totaletiketter är aktiverade.
Klicka på Stil.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Axelrubrik teckenstorlek: 16 px
- Värdeetiketter teckenstorlek: 14 px
Klicka på för att avsluta stilpanelen.
Expandera Utseende > Färger och teckenförklaring.
Expandera Utseende > X-axel: Product Type, Late Status.
Ange Etiketter och rubrik till Endast etiketter.
Expandera Utseende > Y-axel: Sum(Sales).
Ställ in Etiketter och rubrik på Endast etiketter.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Skapa tre originalvisualiseringar som kommer att användas för att bygga en sammansatt växlingsknapp i layoutbehållaren. Denna växlingsknapp gör att användare kan slå på och av värdeetiketter i stapeldiagrammet.

Objekt 1: Växlingsknappens bas

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Knapp.
Expandera objektet. Ange Etikett till ToggleSwitch_Base.
Under Storlek anger du följande:
- Bredd (%): 16
- Höjd (%): 7
Under Position anger du följande:
- X-axel (%): 83
- Y-axel (%): 90
Klicka på Redigera egenskaper.
Expandera Åtgärder och navigering.
Klicka på Lägg till åtgärd.
För Åtgärd väljer du Ange variabelvärde.
För Variabel väljer du vViewChartValues.
För Värde, klicka på .

Lägg till följande uttryck:

=if(vViewChartValues=false(),true(),if(vViewChartValues=true(),false()))

Klicka på Tillämpa.
Expandera Utseende > Allmänt.
Ange Show Values som Etikett.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 2 px.
Ställ in kantlinjefärgen till #000000.
Ställ in hörnradien för kantlinjen till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: 0.5
- Teckenfärg > Färg: #000000
- Bakgrundsalternativ > Använd färg: #ffffff
Klicka på för att avsluta stilpanelen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Objekt 2: Knappdel som representerar PÅ-läge

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Knapp.
Expandera objektet. Ange Etikett till ToggleSwitch_ON.
För Visa villkor, klicka på .
Lägg till följande:
```
=vViewChartValues=true()
```
Klicka på Tillämpa.
Under Storlek anger du följande:
- Bredd (%): 4
- Höjd (%): 7
Under Position, ange följande:
- X-axel (%): 95
- Y-axel (%): 90
Klicka på Redigera egenskaper.
Expandera Åtgärder och navigering.
Klicka på Lägg till åtgärd.
För Åtgärd väljer du Ange variabelvärde.
För Variabel väljer du vViewChartValues.
För Värde, klicka på .
Lägg till följande uttryck:
```
=false()
```
Klicka på Tillämpa.
Expandera Utseende > Allmänt.
Ange On som Etikett.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 2 px.
Ställ in kantlinjefärgen till #000000.
Ställ in hörnradien för kantlinjen till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: 0.5
- Teckenfärg > Färg: #ffffff
- Bakgrundsalternativ > Färg som används: #109600
Klicka på för att avsluta stilpanelen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Objekt 3: Knappdel som representerar AV-läge

Gör följande:

Under Innehåll > Diagram, klicka på Lägg till. Välj Knapp.
Expandera objektet. Ange Etikett till ToggleSwitch_ON.
För Visa villkor, klicka på .
Lägg till följande:
```
=vViewChartValues=false()
```
Klicka på Tillämpa.
Under Storlek anger du följande:
- Bredd (%): 4
- Höjd (%): 7
Under Position anger du följande:
- X-axel (%): 83
- Y-axel (%): 90
Klicka på Redigera egenskaper.
Expandera Åtgärder och navigering.
Klicka på Lägg till åtgärd.
För Åtgärd väljer du Ange variabelvärde.
För Variabel väljer du vViewChartValues.
För Värde, klicka på .
Lägg till följande uttryck:
```
=true()
```
Klicka på Tillämpa.
Expandera Utseende > Allmänt.
Ange Off som Etikett.
Expandera Utseende > Presentation.
Klicka på Stil.
Under Kantlinje ställer du in Kontur till 2 px.
Ställ in kantlinjefärgen till #000000.
Ställ in hörnradien för kantlinjen till 0 px.
Växla till fliken Diagram. Ställ in följande egenskaper:
- Layoutbeteende: Responsivt
- Teckenstorlek: 0.5
- Teckenfärg > Färg: #ffffff
- Bakgrundsalternativ > Använd färg: #ff001e
Klicka på för att avsluta stilpanelen.
Klicka på den övre stapeln i panelen för att återgå till layoutbehållaren.

Del 4: Slutför presentationen

Slutför layoutbehållaren genom att lägga till en rubrik och en kantlinje.

Gör följande:

I egenskapspanelen, expandera Utseende > Allmänt.
Ange rubriken till Sena vs. Icke-sena beställningar - Försäljningspåverkan.
Expandera Utseende > Presentation.
Aktivera Håll diagram på insidan.
Klicka på Styling.
Ställ in följande egenskaper för Kantlinje:
- Kontur: 2 px
- Färg: #7b7a78
Ställ in följande egenskaper för Skugga:
- Medelstor storlek
- Färg: #7b7a78

Resultat

Lämna arkredigeringsläge. Klicka på växlingsknappen för att växla mellan det enkla och detaljerade stapeldiagrammet.

Layoutbehållare med 'Visa värden' avstängd, som visar stapeldiagrammet utan värdeetiketter — Layoutbehållare med Visa värden avstängd

Layoutbehållare med 'Visa värden' påslagen, som visar stapeldiagrammet med värdeetiketter — Layoutbehållare med Visa värden påslagen

Klicka på Not Late och Late rubrikerna överst i diagrammet. Observera att om du klickar på dessa element väljs motsvarande värden i appen.

Layoutbehållare med val gjort i fältet 'Sen status'. — Layoutbehållare med val Not Late i fältet Late Status.

Var den här sidan till hjälp för dig?

Om du stöter på några problem med den här sidan eller innehållet på den, t.ex. ett stavfel, ett saknat steg eller ett tekniskt fel – meddela oss!

Lämna din feedback här