Usando Highcharts

Abra o console de QuickSight .

Abra a QuickSight análise à qual você deseja adicionar um visual de Highcharts.

Na barra do aplicativo, escolha Adicionar e, em seguida, escolha Adicionar elemento visual.

No painel Tipos visuais, escolha o ícone visual Highcharts. Um visual vazio aparece na planilha de análise e o painel Propriedades é aberto à esquerda.

No painel Propriedades, expanda a seção Configurações de exibição e execute as seguintes ações:

1. Em Editar título, escolha o ícone de pincel, insira o título que você deseja que o visual tenha e escolha SALVAR. Como alternativa, escolha o ícone do globo ocular para ocultar o título.

2. (Opcional) Em Editar legenda, escolha o ícone de pincel, insira a legenda que você deseja que o visual tenha e escolha SALVAR. Como alternativa, escolha o ícone do globo ocular para ocultar a legenda.

3. (Opcional) Para texto alternativo, adicione o texto alternativo que você deseja que o visual tenha.

Expanda a seção Limite de pontos de dados. Em Número de pontos de dados a serem exibidos, insira o número de pontos de dados que você deseja que o visual mostre. Os visuais do Highcharts podem mostrar até 10.000 pontos de dados.

Expanda a seção Código do gráfico, mostrada na imagem a seguir.

Insira um esquema JSON no editor JSON do código gráfico. O editor fornece assistência contextual e validação em tempo real para garantir que seu JSON de entrada seja configurado corretamente. Qualquer erro QuickSight identificado pode ser visualizado no menu suspenso Erros. O exemplo abaixo mostra um esquema JSON que cria um gráfico de batons que mostra as vendas do ano atual por setor.

{
  "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
    }
  ]
}

Escolha APLICAR CÓDIGO. QuickSight converte o esquema JSON em um visual que aparece na análise. Para fazer alterações no visual renderizado, atualize as propriedades apropriadas no esquema JSON e escolha APLICAR CÓDIGO. A imagem abaixo mostra o gráfico de batons criado com o esquema JSON da etapa anterior.

(Opcional) Abra o menu suspenso Referência para acessar links para o material de referência útil do Highctarts.