Come l'ho realizzato: analisi dinamica con il contenitore layout
Questo esempio mostra come creare contenuti dinamici e interattivi del foglio con il contenitore layout.Il contenitore layout supporta la progettazione senza griglia e le visualizzazioni in pila, consentendo un ampio controllo sulla disposizione dei contenuti analitici. Inoltre, come con altri oggetti contenitore, è possibile presentare dinamicamente informazioni diverse a seconda di una varietà di condizioni, come gli stati delle variabili e di selezione.
Questo esempio mostra come creare un contenitore layout per presentare informazioni da più grafici come un oggetto singolo. Alcuni approcci di progettazione generali includono:
-
Disporre oggetti simili in modo simmetrico, utilizzando lo stile per distinguere diverse sezioni di dati.
-
Rimuovere i bordi dagli oggetti individuali all'interno del contenitore di layout, e quindi aggiungere un bordo attorno all'intero oggetto una volta terminato.
-
Visualizzare oggetti o dati diversi in modo condizionale a seconda dell'interazione dell'utente—in questo esempio, un grafico a barre in cui l'utente può mostrare o nascondere i dettagli.
-
Costruire elementi compositi costituiti da più oggetti diversi posizionati uno accanto all'altro—in questo esempio, un pulsante interattivo che simula un interruttore on/off.
-
Consentire agli utenti di selezionare e filtrare i dati in più modi quando devono esaminarli più da vicino.
Risultato finale

Preparazioni
Creare una nuova app e incollare Esempio script di caricamento in una nuova sezione in Editor caricamento dati. Quindi, caricare i dati.
Dopo aver caricato i dati, passare alla vista foglio.
Esempio script di caricamento
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;
Parte 1: Crea la variabile
Per prima cosa, crea la variabile. Questa variabile è l'oggetto di condizioni che verranno aggiunte in seguito. I valori della variabile verranno modificati durante l'analisi tramite interazioni con oggetti pulsante.
Creare la seguente variabile. Impostare la Definizione su =false().
-
vViewChartValues
Parte 2: Creare il contenitore layout
Procedere come indicato di seguito:
-
Nel pannello risorse aprire
Oggetti personalizzati > Dashboard bundle e trascinare un Layout container sul foglio.
-
Ridimensionare il contenitore in modo che sia di 17 per 10 quadrati sulla griglia del foglio.
Parte 3: Aggiungere visualizzazioni al contenitore di layout
Successivamente, aggiungere visualizzazioni al contenitore di layout.
Procedere come indicato di seguito:
-
Selezionare il contenitore di layout.
-
Nel pannello delle proprietà, sotto Contenuto > Grafici, fai clic su Aggiungi. Seleziona Pulsante.
-
Espandi la voce. Imposta l'Etichetta su Button_NotLateTitle.
-
Sotto Dimensione, imposta quanto segue:
-
Larghezza (%): 48
-
Altezza (%): 9
-
-
Sotto Posizione, impostare quanto segue:
-
Asse X (%): 1
-
Asse Y (%): 1
-
-
Fare clic su Modifica proprietà.
-
Espandere Azioni e navigazione.
-
Fare clic su Aggiungi azione.
-
Per l'Azione, selezionare Seleziona valori in un campo.
-
Per il Campo, selezionare Late Status.
-
Per Valore, fare clic su
.
-
Aggiungi quanto segue:
='Not Late' -
Fare clic su Applica.
-
Espandere Aspetto > General.
-
Impostare Not Late come Etichetta.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
Sotto Bordo, impostare Contorno a 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento del layout: Reattivo
-
Dimensione carattere: Valore massimo
-
Colore carattere > Colore: #006580
-
Opzioni sfondo > Colore utilizzato: #ffffff
-
-
Fare clic su
per uscire dal pannello di stile.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Seleziona Button.
-
Espandi l'elemento. Imposta l'Label su Button_LateTitle.
-
Sotto Size, imposta quanto segue:
-
Width (%): 48
-
Altezza (%): 9
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 51
-
Asse Y (%): 1
-
-
Fai clic su Modifica proprietà.
-
Espandi Azioni e navigazione.
-
Fare clic su Aggiungi azione.
-
Per l'Azione, seleziona Seleziona valori in un campo.
-
Per il Campo, seleziona Late Status.
-
Per Valore, fai clic su
.
-
Aggiungi il seguente:
='Late' -
Fare clic su Applica.
-
Espandere Aspetto > General.
-
Impostare Late come Etichetta.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
Sotto Bordo, impostare Contorno su 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento della presentazione: Reattivo
-
Dimensione carattere: Valore massimo
-
Colore carattere > Colore: #87205d
-
Opzioni sfondo > Colore utilizzato: #ffffff
-
-
Fare clic su
per uscire dal pannello di stile.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Selezionare Misuratore.
-
Espandi l'elemento. Imposta Etichetta su Gauge_NotLate.
-
In Dimensione, imposta quanto segue:
-
Larghezza (%): 48
-
Altezza (%): 15
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 1
-
Asse Y (%): 11
-
-
Fai clic su Modifica proprietà.
-
Aggiungere Sum(Sales) come misura.
-
Nel pannello delle proprietà, sotto Dati > Filtri, fai clic su Aggiungi.
-
Selezionare Late Status. Espandere il filtro.
-
Mantenere il tipo di filtro predefinito Valori e selezionare la casella di controllo Not Late. Questo filtra i dati di visualizzazione solo ai record che contengono un valore Late Status di Not Late.
-
Espandere Aspetto > General.
-
Impostare Mostra titoli su Off.
-
Espandere Aspetto > Presentazione.
-
In Limiti intervallo, impostare Max come segue:
=Sum({1} Sales) -
Modificare la configurazione del grafico da Radiale a Barra.
-
Modificare l'Orientamento da Automatico a Personalizzato e assicurarsi che Orizzontale sia selezionato.
-
Disattivare Usa libreria e impostare il Colore su #006580.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno a 0 px.
-
Passare alla scheda Grafico. Impostare il colore per l'etichetta Valore a #ffffff.
-
Fare clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Asse della misura: Sum(Sales).
-
Imposta Etichette e titolo su Nessuno.
-
Fai clic sulla barra superiore nel pannello per tornare al contenitore di layout.
Procedere come indicato di seguito:
-
Sotto Contenuto > Grafici, fai clic su Aggiungi. Seleziona Misuratore.
-
Espandi l'elemento. Imposta Etichetta su Gauge_Late.
-
In Dimensione, imposta quanto segue:
-
Larghezza (%): 48
-
Altezza (%): 15
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 51
-
Asse Y (%): 11
-
-
Fai clic su Modifica proprietà.
-
Aggiungere Sum(Sales) come misura.
-
Nel pannello delle proprietà, in Dati > Filtri, fare clic su Aggiungi.
-
Selezionare Late Status. Espandere il filtro.
-
Mantenere il tipo di filtro predefinito Valori e selezionare la casella di controllo Late. Questo filtra i dati di visualizzazione solo ai record che contengono un valore Late Status di Late.
-
Espandere Aspetto > General.
-
Impostare Mostra titoli su Disattivato.
-
Espandere Aspetto > Presentazione.
-
In Limiti intervallo, impostare Max come segue:
=Sum({1} Sales) -
Modificare la configurazione del grafico da Radiale a Barra.
-
Modificare l'Orientamento da Automatico a Personalizzato e assicurarsi che Orizzontale sia selezionato.
-
Disattivare Usa libreria e impostare il Colore su #87205d.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno su 0 px.
-
Passare alla scheda Grafico. Impostare il colore per l'etichetta Valore su #ffffff.
-
Fare clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Asse della misura: Sum(Sales).
-
Imposta Etichette e titolo su Nessuno.
-
Fai clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fai clic su Aggiungi. Seleziona KPI.
-
Espandi l'elemento. Imposta Etichetta su KPI_NotLate.
-
In Dimensioni, imposta quanto segue:
-
Larghezza (%): 48
-
Altezza (%): 9
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 1
-
Asse Y (%): 27
-
-
Fai clic su Modifica proprietà.
-
Aggiungere Sum(Sales) come misura.
-
Nelle proprietà della misura, imposta Formattazione numero su Valuta.
-
Modificare il Modello di formato in:
$ #,##0.00;-$ #,##0.00 -
Nel pannello delle proprietà, sotto Dati > Filtri, fare clic su Aggiungi.
-
Selezionare Late Status. Espandere il filtro.
-
Mantenere il tipo di filtro predefinito Valori e selezionare la casella di controllo Not Late. Questo filtra i dati di visualizzazione solo ai record che contengono un Late Status valore di Not Late.
-
Espandere Aspetto > Generale.
-
Impostare Mostra titoli su Disattivato.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno su 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento della presentazione: Reattivo
-
Dimensione carattere: Valore massimo
-
Disattiva Mostra il primo titolo KPI
-
-
Fai clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Colore.
-
Disattivare Colori libreria. Impostare il colore su #006580.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fai clic su Aggiungi. Seleziona KPI.
-
Espandi la voce. Imposta l'etichetta su KPI_Late.
-
In Dimensione, imposta quanto segue:
-
Larghezza (%): 48
-
Altezza (%): 9
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 51
-
Asse Y (%): 27
-
-
Fare clic su Modifica proprietà.
-
Aggiungere Sum(Sales) come misura.
-
Nelle proprietà della misura, impostare Formattazione numeri su Valuta.
-
Modificare il Modello di formato in:
$ #,##0.00;-$ #,##0.00 -
Nel pannello delle proprietà, sotto Dati > Filtri, fare clic su Aggiungi.
-
Selezionare Late Status. Espandere il filtro.
-
Mantenere il tipo di filtro predefinito Valori e selezionare la Late casella di controllo. Questo filtra i dati di visualizzazione solo ai record che contengono un valore Late Status di Late.
-
Espandere Aspetto > General.
-
Impostare Mostra titoli su Disattivato.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno a 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento della presentazione: Reattivo
-
Dimensione carattere: Valore massimo
-
Disattiva Mostra titolo primo KPI
-
-
Fare clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Colore.
-
Disattiva Colori libreria. Impostare il colore su #87205d.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Selezionare Grafico a barre.
-
Espandere l'elemento. Imposta l'etichetta su BarChart_Simple.
-
Per la condizione di visualizzazione, fai clic su
.
-
Aggiungi quanto segue:
=vViewChartValues=false() -
Fare clic su Applica.
-
Sotto Dimensione, imposta quanto segue:
-
Larghezza (%): 81
-
Altezza (%): 62
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 1
-
Asse Y (%): 37
-
-
Fai clic su Modifica proprietà.
-
Aggiungere Product Type come dimensione.
-
Aggiungi un'altra dimensione: Late Status.
Product Type dovrebbe ora essere elencato come il Gruppo e Late Status come le Barre.
-
Aggiungere Sum(Sales) come misura.
-
Nelle proprietà per la misura, impostare Formattazione numeri su Valuta.
-
Modificare il Modello di formato in:
$ #,##0.00;-$ #,##0.00 -
Espandere Aspetto > General.
-
Impostare Mostra titoli su Disattivato.
-
Espandere Aspetto > Presentazione.
-
Passare dalla presentazione Raggruppata a quella Impilata.
-
Impostare Spaziatura linee griglia su Personalizzato. Nel menu a discesa, selezionare Nessuna linea.
-
Fare clic su
Stile.
-
Sotto Bordo, impostare Contorno a 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Etichetta asse dimensione carattere: 16 px
-
-
Fare clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Colori e legenda.
-
Impostare Colori su Personalizza > Per espressione. Utilizzare la seguente espressione:
=if([Late Status]='Not Late','#006580', if([Late Status]='Late','#87205d')) -
Impostare Mostra legenda su Disattivato.
-
Espandere Aspetto > Asse X: Product Type, Late Status.
-
Impostare Etichette e titolo su Solo etichette.
-
Espandere Aspetto > Asse Y: Sum(Sales).
-
Impostare Etichette e titolo su Solo etichette.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic con il pulsante destro del mouse su BarChart_Simple e fare clic su Duplica.
-
Espandi la voce. Imposta l'Etichetta su BarChart_Detailed.
-
Per Condizione di visualizzazione, fai clic su
.
-
Aggiungi il seguente:
=vViewChartValues=true() -
Fare clic su Applica.
-
Fai clic su Modifica proprietà.
-
Espandere Aspetto > Presentazione.
-
Attivare Etichette valore.
-
Attivare Etichette segmento, e assicurarsi che Etichette totali siano attivate.
-
Fare clic su
Stile.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Etichetta asse dimensione carattere: 16 px
-
Etichette valori dimensione carattere: 14 px
-
-
Fare clic su
per uscire dal pannello di stile.
-
Espandere Aspetto > Colori e legenda.
-
Espandere Aspetto > Asse X: Product Type, Late Status.
-
Impostare Etichette e titolo su Solo etichette.
-
Espandere Aspetto > Asse Y: Sum(Sales).
-
Impostare Etichette e titolo su Solo etichette.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Crea tre visualizzazioni principali che verranno utilizzate per costruire un pulsante di commutazione composito nel contenitore del layout. Questo interruttore a levetta consentirà agli utenti di attivare e disattivare le etichette dei valori nel grafico a barre.
Elemento 1: Base dell'interruttore a levetta
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Selezionare Pulsante.
-
Espandi l'elemento. Imposta Etichetta su ToggleSwitch_Base.
-
In Dimensioni, imposta quanto segue:
-
Larghezza (%): 16
-
Altezza (%): 7
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 83
-
Asse Y (%): 90
-
-
Fai clic su Modifica proprietà.
-
Espandi Azioni e navigazione.
-
Fare clic su Aggiungi azione.
-
Per l'Azione, selezionare Imposta valore variabile.
-
Per Variabile, selezionare vViewChartValues.
-
Per Valore, fare clic su
.
-
Aggiungere l'espressione seguente:
=if(vViewChartValues=false(),true(),if(vViewChartValues=true(),false())) -
Fare clic su Applica.
-
Espandere Aspetto > Generale.
-
Impostare Show Values come Etichetta.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno su 2 px.
-
Impostare il colore del Bordo su #000000.
-
Impostare il Raggio dell'angolo per il Bordo su 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento del layout: Reattivo
-
Dimensione formato carattere: 0.5
-
Colore carattere > Colore: #000000
-
Opzioni sfondo > Colore utilizzato: #ffffff
-
-
Fare clic su
per uscire dal pannello di stile.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore di layout.
Elemento 2: Parte del pulsante che rappresenta lo stato ON
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Seleziona Button.
-
Espandi l'elemento. Imposta Label su ToggleSwitch_ON.
-
Per Show condition, fai clic su
.
-
Aggiungi quanto segue:
=vViewChartValues=true() -
Fare clic su Applica.
-
Sotto Dimensioni, imposta quanto segue:
-
Larghezza (%): 4
-
Altezza (%): 7
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 95
-
Asse Y (%): 90
-
-
Fare clic su Modifica proprietà.
-
Espandere Azioni e navigazione.
-
Fare clic su Aggiungi azione.
-
Per l'Azione, selezionare Imposta valore variabile.
-
Per Variabile, selezionare vViewChartValues.
-
Per Valore, fare clic su
.
-
Aggiungere l'espressione seguente:
=false() -
Fare clic su Applica.
-
Espandere Aspetto > General.
-
Impostare On come Etichetta.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno su 2 px.
-
Impostare il colore del Bordo su #000000.
-
Impostare il Raggio angolo per il Bordo su 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento della presentazione: Reattivo
-
Dimensione formato carattere: 0.5
-
Colore carattere > Colore: #ffffff
-
Opzioni sfondo > Colore utilizzato: #109600
-
-
Fare clic su
per uscire dal pannello di stile.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Elemento 3: Parte del pulsante che rappresenta lo stato OFF
Procedere come indicato di seguito:
-
In Contenuto > Grafici, fare clic su Aggiungi. Selezionare Pulsante.
-
Espandere l'elemento. Imposta l'Etichetta su ToggleSwitch_ON.
-
Per Condizione di visualizzazione, fai clic su
.
-
Aggiungi quanto segue:
=vViewChartValues=false() -
Fare clic su Applica.
-
In Dimensione, imposta quanto segue:
-
Larghezza (%): 4
-
Altezza (%): 7
-
-
Sotto Posizione, imposta quanto segue:
-
Asse X (%): 83
-
Asse Y (%): 90
-
-
Fai clic su Modifica proprietà.
-
Espandi Azioni e navigazione.
-
Fare clic su Aggiungi azione.
-
Per l'Azione, selezionare Imposta valore variabile.
-
Per Variabile, selezionare vViewChartValues.
-
Per Valore, fare clic su
.
-
Aggiungere l'espressione seguente:
=true() -
Fare clic su Applica.
-
Espandere Aspetto > General.
-
Impostare Off come Etichetta.
-
Espandere Aspetto > Presentazione.
-
Fare clic su
Stile.
-
In Bordo, impostare Contorno su 2 px.
-
Impostare il colore del Bordo su #000000.
-
Impostare il Raggio angolo per il Bordo su 0 px.
-
Passare alla scheda Grafico. Impostare le seguenti proprietà:
-
Comportamento della presentazione: Reattivo
-
Dimensione formato carattere: 0.5
-
Colore carattere > Colore: #ffffff
-
Opzioni sfondo > Colore utilizzato: #ff001e
-
-
Fare clic su
per uscire dal pannello di stile.
-
Fare clic sulla barra superiore nel pannello per tornare al contenitore del layout.
Parte 4: Finalizzare la presentazione
Finalizzare il contenitore layout aggiungendo un titolo e un bordo.
Procedere come indicato di seguito:
-
Nel pannello delle proprietà, espandere Aspetto > Generale.
-
Impostare il titolo su Ordini in ritardo vs. Ordini non in ritardo - Impatto sulle vendite.
-
Espandere Aspetto > Presentazione.
-
Attiva Mantieni grafici dentro.
-
Fai clic su
Stile.
-
Imposta le seguenti proprietà per Bordo:
-
Contorno: 2 px
-
Colore: #7b7a78
-
-
Imposta le seguenti proprietà per Ombra:
-
Dimensione media
-
Colore: #7b7a78
-
Risultati
Uscire dalla modalità di modifica del foglio. Fai clic sul pulsante di attivazione/disattivazione per alternare tra il grafico a barre semplice e quello dettagliato.
Contenitore del layout con Mostra valori disattivato

Contenitore layout con Mostra valori attivato

Fare clic sui titoli Not Late e Late nella parte superiore del grafico. Si noti che facendo clic su questi elementi vengono selezionati i valori corrispondenti nell'app.
Contenitore di layout con selezione Not Late nel campo Late Status.
