Aggiunta di dati tabulari al modello .html | Guida di Qlik Cloud
Vai al contenuto principale Passa a contenuto complementare

Aggiunta di dati tabulari al modello .html

È possibile aggiungere la tabella di origine da un grafico nell'applicazione come dati tabulari nel modello di report .html. I dati tabulari possono essere aggiunti come un'intera tabella o come una o più colonne singole. Indipendentemente dal fatto che si aggiunga un grafico come singolo tag di tabella o come un insieme di colonne singole, l'oggetto sottostante che si crea è una tabella. La tabella viene aggiunta come oggetto nel pannello degli oggetti, a cui è possibile tornare in qualsiasi momento per la modifica e il riutilizzo.

I grafici con ipercubi di tipo lineare possono essere aggiunti come dati tabulari. Quando si aggiunge un grafico come tabella, i campi sottostanti che rappresentano i dati del grafico vengono aggiunti come colonne al report.

I dati tabulari si aggiungono nel menu Tabelle Tabelle del pannello degli oggetti.

Quando si seleziona una tabella, aggiornare l'elenco delle tabelle disponibili dall'applicazione facendo clic su Ricarica.

Aggiunta di un intero grafico

È possibile aggiungere un intero grafico in forma tabulare con un singolo tag. I dati del grafico vengono inseriti nel report come tabella lineare.

  1. Nel designer .html, posizionare il cursore nella posizione nel codice in cui si desidera inserire la tabella.

  2. Fare clic su Tabelle nel pannello degli oggetti.

    Menu Tabelle nel pannello degli oggetti all'interno del designer .html

    Menu 'Tabelle' nel designer HTML, da cui è possibile modificare le tabelle esistenti aggiunte o aggiungere una nuova tabella
  3. Fare clic su Aggiungi tabella. Viene visualizzato un elenco di fogli disponibili.

  4. Espandere il foglio contenente il grafico che si desidera aggiungere come tabella. Se necessario, è possibile cercare il nome del grafico per affinare l'elenco dei fogli.

    È possibile visualizzare in anteprima il grafico prima di aggiungerlo facendo clic sul nome del grafico.

  5. Fare clic sull'icona Simbolo più accanto al grafico.

  6. Nel menu a discesa, selezionare Tabella. Questo inserisce il grafico come singolo elemento nel modello.

    Selezione di un grafico da aggiungere come tabella

    Selezione di un grafico da utilizzare come origine per la tabella
  7. Nel pannello degli oggetti, è possibile regolare:

    • Nome: fornire un nome univoco alla tabella in modo da poterla identificare in seguito.

    • Descrizione (opzionale): aggiungere una descrizione all'oggetto, se lo si desidera.

    • Filtro: aggiungere fino a un filtro all'oggetto singolarmente. Ciò consente di personalizzare i dati utilizzati nella tabella senza influire sui dati utilizzati in altri oggetti del modello. Fare clic su Gestisci filtri per configurare il filtro del report che si desidera utilizzare. Per ulteriori informazioni sui filtri a livello di oggetto, vedere Utilizzo di filtri a livello di oggetto nei modelli di report.

    Superficie di progettazione del modello con tabella aggiunta come singolo tag

    Tag che rappresenta un'intera tabella mostrata nel modello HTML
  8. È possibile regolare le proprietà della tabella nel pannello degli oggetti. Per informazioni sulle proprietà di formattazione per i dati tabulari, vedere Proprietà di formattazione per i dati .html tabulari.

  9. È possibile riutilizzare l'oggetto tabella in qualsiasi momento. Aprire Tabelle nel pannello delle opzioni e fare clic su Freccia direzionale destra per aprire l'oggetto. Fare clic su Aggiungi tag tabella per aggiungere nuovamente la tabella.

Aggiunta di un grafico per colonna

Un grafico può anche essere aggiunto in forma tabulare come un insieme di singole colonne. Ciò consente un maggiore controllo sulla formattazione all'interno del modello di report.

I dati del grafico vengono inseriti nel report come tabella lineare.

  1. Nel designer .html, posizionare il cursore nella posizione nel codice in cui si desidera inserire le colonne della tabella.

  2. Fare clic su Tabelle nel pannello degli oggetti.

    Menu Tabelle nel pannello degli oggetti all'interno del designer .html

    Menu 'Tabelle' nel designer HTML, da cui è possibile modificare le tabelle esistenti aggiunte o aggiungere una nuova tabella
  3. Fare clic su Aggiungi tabella. Viene visualizzato un elenco di fogli disponibili.

  4. Espandere il foglio contenente il grafico che si desidera aggiungere come tabella. Se necessario, è possibile cercare il nome del grafico per affinare l'elenco dei fogli.

    È possibile visualizzare in anteprima il grafico prima di aggiungerlo facendo clic sul nome del grafico.

  5. Fare clic sull'icona Simbolo più accanto al grafico.

  6. Nel menu a discesa, selezionare Colonne singole.

    Selezione di un grafico da aggiungere come tabella per colonna

    Selezione di un grafico da utilizzare come origine per la tabella e aggiunta come insieme di una o più colonne singole
  7. Selezionare le colonne che si desidera aggiungere o fare clic su Tutte per inserire tutte le colonne dal grafico.

  8. Il grafico viene aggiunto al modello come elemento table, con ogni colonna indicata nell'elemento td al suo interno. Se si aggiunge una singola colonna, la colonna viene invece aggiunta come singolo elemento, nello stesso modo in cui viene aggiunta un'intera tabella.

    Nel pannello degli oggetti, è possibile regolare:

    • Nome: fornire un nome univoco alla tabella in modo da poterla identificare in seguito.

    • Descrizione (opzionale): aggiungere una descrizione all'oggetto, se lo si desidera.

    • Filtro: aggiungere fino a un filtro all'oggetto singolarmente. Ciò consente di personalizzare i dati utilizzati nella tabella senza influire sui dati utilizzati in altri oggetti del modello. Il filtro viene applicato a tutte le colonne della stessa tabella di origine.

      Fare clic su Gestisci filtri per configurare il filtro del report che si desidera utilizzare. Per ulteriori informazioni sui filtri a livello di oggetto, vedere Utilizzo di filtri a livello di oggetto nei modelli di report.

    Superficie di progettazione del modello con tabella aggiunta come serie di colonne singole

    Elemento che rappresenta un grafico aggiunto come serie di colonne singole
  9. È possibile regolare altre proprietà della tabella nel pannello degli oggetti. Per informazioni sulle proprietà di formattazione per i dati tabulari, vedere Proprietà di formattazione per i dati .html tabulari.

  10. È possibile riutilizzare l'oggetto tabella in qualsiasi momento. Aprire Tabelle nel pannello delle opzioni e fare clic su Freccia direzionale destra per aprire l'oggetto. Fare clic su Aggiungi tag tabella per aggiungere una nuova istanza della tabella come singolo elemento, oppure creare una struttura di tabella vuota e aggiungere ogni riferimento di colonna singolarmente negli elementi td.

L'insieme di colonne è considerato un singolo oggetto tabella.

Aggiunta di altre colonne da un grafico

In un grafico aggiunto per colonna

Dopo aver aggiunto alcune colonne di una tabella singolarmente, è possibile aggiungerne altre in qualsiasi momento. La procedura richiesta dipende dal fatto che la tabella originale sia composta da una colonna o da due o più colonne.

Tabella con una colonna esistente

Se si dispone di una tabella con una sola colonna aggiunta singolarmente, il processo per l'aggiunta di nuove colonne è più complesso. In alcuni casi, potrebbe essere più semplice ricreare l'oggetto configurando più colonne dall'inizio. Tuttavia, è ancora possibile aggiungere ulteriori colonne a una tabella a colonna singola.

  1. Sulla superficie di progettazione, incollare il seguente elemento tabella vuoto in un'area vuota:

      <table cellspacing="0" style="border-collapse: collapse">
      <tbody><tr>
      <td></td><td></td><td></td>
      </tr>
      </tbody></table>
  2. Tagliare e incollare l'elemento esistente per la singola colonna in uno degli elementi td appena aggiunti. Ad esempio:

      <table cellspacing="0" style="border-collapse: collapse">
      <tbody><tr>
      <td>%%ProductCategory%%</td><td></td><td></td>
      </tr>
      </tbody></table>
  3. Posizionare il cursore sull'elemento della singola colonna esistente.

    Nel pannello degli oggetti, si apre il menu Tabelle con la colonna espansa.

  4. Trovare la colonna che si desidera aggiungere in Colonne. Espanderla, configurarne le proprietà e quindi fare clic su Aggiungi tag colonna.

  5. Ripetere i passaggi da 3 a 4 per ogni nuova colonna che si desidera aggiungere dalla tabella di origine. Sarà necessario aggiungere nuovi elementi <td></td> secondo necessità e rimuovere tutti gli elementi <td></td> inutilizzati (vuoti) prima di terminare.

Quando si esegue questa procedura, la tabella rimane lo stesso oggetto tabella disponibile dal pannello degli oggetti.

Tabella con due o più colonne esistenti

  1. Nel codice HTML, selezionare l'elemento td per la colonna direttamente a sinistra di dove si desidera inserire una colonna.

    Nel pannello degli oggetti, si apre il menu Tabelle con la colonna espansa.

  2. Creare un nuovo elemento td incollando quanto segue nel modello:

    <td></td>

    Quindi, posizionare il cursore tra i tag di apertura e chiusura.

  3. Nel pannello degli oggetti, configurare le proprietà di formattazione per la colonna, quindi fare clic su Aggiungi tag colonna.

    Il riferimento alla colonna viene inserito nell'elemento td vuoto.

Da un grafico aggiunto come intera tabella

È possibile aggiungere nuove istanze di un grafico che è già stato aggiunto come singolo elemento tabella. È inoltre possibile aggiungere istanze di singole colonne originariamente aggiunte come singolo elemento tabella.

  1. Nel designer .html, posizionare il cursore nella posizione nel codice in cui si desidera inserire il contenuto.

  2. Fare clic su Tabelle nel pannello degli oggetti.

    Si apre il menu Tabelle.

  3. Fare clic su Freccia direzionale destra accanto all'oggetto esistente.

  4. Effettuare una delle seguenti operazioni:

    1. Per aggiungere una nuova istanza della tabella come singolo elemento, fare clic su Aggiungi tag tabella.

    2. Per aggiungere singole colonne, fare clic su Espandi colonne. Configurare le proprietà della colonna e fare clic su Aggiungi tag colonna. Se si aggiunge più di una colonna in una struttura, sarà necessario creare prima un elemento tabella vuoto. Vedere Tabella con una colonna esistente.

Hai trovato utile questa pagina?

Se riscontri problemi con questa pagina o con il suo contenuto – un errore di battitura, un passaggio mancante o un errore tecnico – ti pregiamo di farcelo sapere!