Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Utilizzo di Highcharts

Usa gli elementi visivi di Highcharts per creare tipi di grafici e immagini personalizzati che utilizzano la libreria Highcharts Core. Le immagini di Highcharts forniscono agli QuickSight autori l'accesso diretto all'API Highcharts.

Per configurare una grafica Highcharts, QuickSight gli autori devono aggiungere uno schema JSON Highcharts all'interfaccia grafica. QuickSight Gli autori possono utilizzare QuickSight le espressioni per fare riferimento ai QuickSight campi e le opzioni di formattazione nello schema JSON che usano per generare l'immagine Highcharts. L'editor di codice JSON Chart fornisce assistenza contestuale per il completamento automatico e la convalida in tempo reale per garantire che gli schemi JSON di input siano configurati correttamente. Per mantenere la sicurezza, l'editor visivo Highcharts non accetta l'immissione di codice CSS o HTML. JavaScript

Per ulteriori informazioni sulle immagini di Highcharts in Amazon QuickSight, consulta la Highcharts Visual QuickStart Guide in. DemoCentral

L'immagine seguente mostra l'icona Highcharts in. QuickSight

L'immagine seguente mostra un grafico a forma di rossetto configurato nell'editor Chart code JSON di un file visivo Highcharts in. QuickSight

Per altri esempi di immagini che è possibile creare con la visualizzazione Highcharts, consulta le demo di Highcharts. QuickSight

Considerazioni

Prima di iniziare a creare immagini Highcharts in Amazon QuickSight, esamina le seguenti limitazioni che si applicano alle immagini Highcharts.

Creazione di una grafica Highcharts

Usa la seguente procedura per creare una visualizzazione di Highcharts in Amazon QuickSight.

Quando sei soddisfatto dell'immagine renderizzata, chiudi il pannello delle proprietà. Per ulteriori informazioni su espressioni QuickSight specifiche che possono essere utilizzate per configurare una visualizzazione Highcharts, consultate. Linguaggio di espressione Amazon QuickSight JSON per immagini Highcharts

Funzionalità interattive di Highchart

Le visualizzazioni Highchart in Amazon QuickSight supportano azioni personalizzate, evidenziazione e coerenze di colore dei campi personalizzate, consentendoti di creare grafici interattivi e visivamente coerenti che si integrano perfettamente con altre immagini. QuickSight

Operazioni personalizzate

Con le azioni personalizzate, puoi definire comportamenti specifici per qualsiasi punto dati nelle tue visualizzazioni Highchart. Questa funzionalità si integra perfettamente con il framework QuickSight di azione esistente, consentendoti di creare grafici interattivi che rispondono ai clic degli utenti. Il sistema attualmente supporta la selezione di singoli punti dati, offrendo un controllo preciso sulle interazioni degli utenti. Le azioni personalizzate possono essere implementate su vari tipi di grafici, tra cui grafici a linee, grafici a barre e grafici a barre in pila, tra gli altri.

Per implementare azioni personalizzate, dovrai modificare la configurazione JSON di Highcharts. Aggiungi un blocco di eventi alla configurazione della tua serie, specificando l'evento click e l'azione corrispondente. Per esempio:

{
  "series": [{
    "type": "line",
    "data": ["getColumn", 1],
    "name": "value",
    "events": {
      "click": [
        "triggerClick", { "rowIndex": "point.index" }
      ]
    }
}]

Questa configurazione abilita gli eventi di clic sui punti dati del grafico, permettendo QuickSight di gestire azioni personalizzate in base ai dati selezionati.

Evidenziazione intervisiva

L'evidenziazione intervisiva migliora l'interattività delle dashboard creando connessioni visive tra diversi grafici. Quando un utente seleziona elementi in un grafico, gli elementi correlati negli altri elementi visivi vengono evidenziati automaticamente, mentre gli elementi non correlati vengono oscurati. Questa funzionalità consente agli utenti di identificare rapidamente relazioni e modelli tra più visualizzazioni, migliorando la comprensione e l'analisi dei dati.

Per abilitare l'evidenziazione intervisiva e mantenere la coerenza dei colori dei campi, utilizzate la quicksight clausola nella configurazione JSON di Highcharts. Questa clausola funge da ponte tra il rendering di Highcharts e il sistema di interazione visiva di Highcharts. QuickSight Ecco un esempio di come configurarlo:

{
  "quicksight": {
    "pointRender": ["updatePointAttributes", {
      "opacity": ["case", 
        ["dataMarkMatch", ["getColumnName", 0], "series.name"],
        1,  // Full opacity for matching elements
        0.1 // Dim non-matching elements
      ],
      "color": ["getColumnColorOverrides", ["getColumnName", 0], "series.name"]
    }]
  }
}

Questa configurazione utilizza QuickSight il linguaggio di espressione JSON per modificare dinamicamente proprietà visive come opacità e colore in base alle interazioni dell'utente e agli schemi di colori predefiniti.

Per scenari più complessi, puoi impostare l'evidenziazione in base a più condizioni. Ciò consente un'interattività più sfumata nelle visualizzazioni. L'esempio seguente evidenzia gli elementi in base al trimestre o al giorno della settimana:

{
  "quicksight": {
    "pointRender": ["updatePointAttributes", {
      "opacity": ["case",
        ["||",
          ["dataMarkMatch", "quarter", "series.name"],
          ["dataMarkMatch", "day_of_week", "point.name"]
        ],
        1,  // Full opacity for matching elements
        0.1 // Dim non-matching elements
      ],
    }]
  }
}

Coerenza dei colori a livello di campo

Mantenere la coerenza visiva in tutta la dashboard è fondamentale per un'interpretazione efficace dei dati. La funzionalità di coerenza cromatica a livello di campo garantisce che i colori assegnati a dimensioni specifiche persistano in tutte le immagini della dashboard. Questa coerenza aiuta gli utenti a riconoscere e tenere traccia rapidamente di particolari categorie di dati su diversi tipi e visualizzazioni di grafici, migliorando l'esperienza utente complessiva e la comprensione dei dati.