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 Highcharts per creare tipi di grafici ed elementi visivi personalizzati che utilizzano la libreria Highcharts Core. Le immagini di Highcharts forniscono agli autori di Quick Suite l'accesso diretto all'API Highcharts.

Per configurare una visualizzazione Highcharts, gli autori di Quick Suite devono aggiungere uno schema JSON Highcharts all'immagine di Quick Suite. Gli autori possono utilizzare le espressioni di Quick Suite per fare riferimento ai campi di Quick Suite e alle opzioni di formattazione nello schema JSON utilizzato per generare l'immagine Highcharts. L'editor Codice del grafico JSON 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 garantire 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 Quick Suite, consulta la Highcharts Visual QuickStart Guide in. DemoCentral

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

Per altri esempi di immagini che puoi creare con l'immagine Highcharts in Quick Suite, vedi Highcharts demos.

Considerazioni

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

Creazione di un elemento visivo Highcharts

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

Quando l'elemento visivo renderizzato soddisfa i tuoi requisiti, chiudi il riquadro delle proprietà. Per ulteriori informazioni sulle espressioni specifiche di Quick Sight che possono essere utilizzate per configurare una visualizzazione Highcharts, consulta. Linguaggio di espressione JSON di Amazon Quick Suite per immagini Highcharts

Funzionalità interattive di Highchart

Le visualizzazioni Highchart in Amazon Quick Sight 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 Quick Sight.

Operazioni personalizzate

Con le azioni personalizzate, puoi definire comportamenti specifici per qualsiasi punto dati nelle visualizzazioni Highchart. Questa funzionalità si integra perfettamente con il framework di azioni esistente di Quick Sight, consentendoti di creare grafici interattivi che rispondono ai clic degli utenti. Il sistema attualmente supporta la selezione di un singolo punto 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 di clic e l'azione corrispondente. Ad 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 a Quick Sight di gestire azioni personalizzate in base ai dati selezionati.

Evidenziazione tra elementi visivi

L'evidenziazione tra elementi visivi migliora l'interattività dei pannelli di controllo creando connessioni visive tra diversi grafici. Quando un utente seleziona elementi in un grafico, gli elementi correlati in altri elementi visivi vengono evidenziati automaticamente, mentre gli elementi non correlati sono 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 tra elementi visivi e mantenere la coerenza dei colori dei campi, utilizza la clausola quicksight nella configurazione JSON di Highcharts. Questa clausola funge da ponte tra il rendering di Highcharts e il sistema di interazione visiva di Quick Suite. Di seguito è riportato un esempio di come configurarla:

{
  "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 il linguaggio di espressione JSON di Quick Sight per modificare dinamicamente le proprietà visive come l'opacità e il colore in base alle interazioni dell'utente e agli schemi di colori predefiniti.

Per scenari più complessi, puoi impostare l'evidenziazione sulla base di 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 cromatica a livello di campo

Mantenere la coerenza visiva in tutto il pannello di controllo è 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 tutti gli elementi visivi del pannello di controllo. 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.