Utilizzo di Highcharts - Amazon QuickSight
ConsiderazioniCreazione di una grafica Highcharts

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 a Highcharts. API

Per configurare una grafica Highcharts, QuickSight gli autori devono aggiungere uno JSON schema Highcharts all'immagine in. QuickSight Gli autori possono utilizzare QuickSight le espressioni per fare riferimento ai QuickSight campi e alle opzioni di formattazione nello JSON schema 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 di input JSON siano configurati correttamente. Per mantenere la sicurezza, l'editor visivo Highcharts non accetta CSS l'immissione di codice. JavaScript HTML

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'JSONeditor di codice Chart di un file grafico di Highcharts in. QuickSight

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

Considerazioni

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

  • I seguenti JSON valori non sono supportati nell'editor di codice Highcharts: JSON

    • Funzioni

    • Date:

    • Valori non definiti

  • I collegamenti ai JSON file Geo o ad altre immagini non sono supportati per gli elementi visivi di Highcharts.

  • I colori dei campi non sono disponibili per le immagini di Highcharts. I colori del tema predefiniti vengono applicati a tutte le immagini di Highcharts.

Creazione di una grafica Highcharts

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

  1. Apri la QuickSight console.

  2. Apri l' QuickSight analisi a cui desideri aggiungere un elemento visivo di Highcharts.

  3. Scegli Aggiungi sulla barra delle applicazioni, quindi seleziona Aggiungi elemento visivo.

  4. Nel riquadro Tipi visivi, scegli l'icona visiva Highcharts. Sul foglio di analisi viene visualizzata una visualizzazione vuota e il riquadro Proprietà si apre a sinistra.

  5. Nel riquadro Proprietà, espandi la sezione Impostazioni di visualizzazione ed esegui le seguenti azioni:

    1. Per Modifica titolo, scegliete l'icona del pennello, inserite il titolo che desiderate assegnare all'immagine, quindi scegliete SAVE. In alternativa, scegli l'icona a forma di bulbo oculare per nascondere il titolo.

    2. (Facoltativo) In Modifica sottotitoli, scegliete l'icona a forma di pennello, inserite il sottotitolo che desiderate aggiungere all'immagine, quindi scegliete. SAVE In alternativa, scegli l'icona a forma di bulbo oculare per nascondere il sottotitolo.

    3. (Facoltativo) Per Testo alternativo, aggiungi il testo alternativo che desideri che abbia l'immagine.

  6. Espandi la sezione Limite dei punti dati. In Numero di punti dati da mostrare, inserisci il numero di punti dati che desideri mostrare nell'immagine. Le immagini di Highcharts possono mostrare fino a 10.000 punti dati.

  7. Espandi la sezione Chart code, mostrata nell'immagine seguente.

  8. Inserisci uno JSON schema nell'JSONeditor di codice Chart. L'editor fornisce assistenza contestuale e convalida in tempo reale per garantire che l'input JSON sia configurato correttamente. Tutti gli errori QuickSight identificati possono essere visualizzati nel menu a discesa Errori. L'esempio seguente mostra JSON uno schema che crea un grafico a forma di rossetto che mostra le vendite dell'anno corrente per settore.

    {
  "xAxis": {
    "categories": ["getColumn", 0]
  },
  "yAxis": {
    "min": 0,
    "title": {
      "text": "Amount ($)"
    }
  },
  "tooltip": {
    "headerFormat": "<span style='font-size:10px'>{point.key}</span><table>",
    "pointFormat": "<tr><td style='color:{series.color};padding:0'>{series.name}: </td><td style='padding:0'><b>${point.y:,.0f}</b></td></tr>",
    "footerFormat": "</table>",
    "shared": true,
    "useHTML": true
  },
  "plotOptions": {
    "column": {
      "borderWidth": 0,
      "grouping": false,
      "shadow": false
    }
  },
  "series": [
    {
      "type": "column",
      "name": "Current Year Sales",
      "color": "rgba(124,181,236,1)",
      "data": ["getColumn", 1],
      "pointPadding": 0.3,
      "pointPlacement": 0.0
    }
  ]
}

  9. Scegli APPLYCODE. QuickSight converte lo JSON schema in un elemento visivo che appare nell'analisi. Per apportare modifiche all'immagine renderizzata, aggiorna le proprietà appropriate nello JSON schema e scegli. APPLYCODE L'immagine seguente mostra la tabella dei rossetti creata con JSON lo schema del passaggio precedente.

  10. (Facoltativo) Apri il menu a discesa Reference per accedere ai link all'utile materiale di riferimento di Highctarts.

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 QuickSight JSON espressione Amazon per immagini Highcharts