Utilizzo di Highcharts

Apri la QuickSight console.

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

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

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.

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

1. Per Modifica titolo, scegli l'icona del pennello, inserisci il titolo che desideri assegnare all'immagine, quindi scegli SALVA. 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 SALVA. 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.

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.

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

Inserisci uno schema JSON nell'editor JSON di Chart code. L'editor fornisce assistenza contestuale e convalida in tempo reale per garantire che il codice JSON di input sia configurato correttamente. Tutti gli errori QuickSight identificati possono essere visualizzati nel menu a discesa Errori. L'esempio seguente mostra uno schema JSON 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
    }
  ]
}

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

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