Inserir gráficos, tabelas e métricas—ArcGIS Enterprise Sites

Crie visualizações de dados utilizando gráficos, tabelas e estatísticas de resumo. Estes tipos de visualizações são úteis para exibir as principais estatísticas e tendências. Os membros da equipe principal podem criar visualizações de dados utilizando conjuntos de dados públicos e privados. Somente usuários com quem os dados são compartilhados poderão visualizar um gráfico ou estatística quando registrados em um site ou uma página.

Para começar, entre no Portal for ArcGIS e selecione Sites na página Visão Geral para visualizar uma lista dos seus sites.

Dica:

Você também pode editar um site ao visualizá-lo em um navegador. Verifique se você está conectado e procure o botão de edição à esquerda do seu site.

Criar uma tabela

Use o cartão Texto para organizar as informações em uma tabela.

Dica:

Se você deseja criar uma tabela utilizando HTML, utilize visualização de Código nas opções do cartão de texto para inserir código.

Arraste um cartão Texto sobre uma linha existente.
Paire sobre o cartão e selecione o botão de configurações para trocar para o modo de edição.
Selecione a opção de tabela.
Selecione o número de células que você deseja por linha e coluna.
Após definir o tamanho da sua tabela, clique para inserir a tabela. Adicione ou remova linhas ou colunas clicando em uma célula e escolhendo inserir ou excluir botões de linhas ou colunas. Selecione o botão de excluir para remover completamente a tabela.
Dica:
Para adicionar um cabeçalho, selecione a linha superior da sua tabela e selecione o botão Alternar cabeçalho da tabela. Os cabeçalhos facilitam para aqueles que utilizam tecnologias assistivas para navegar pelo conteúdo de uma tabela.
Selecione Salvar.

Exibir principais métricas

Utilize o cartão Estatísticas de resumo para mostrar os principais indicadores de desempenho e muito mais. Você pode configurar um cartão para usar um valor dinâmico ou estático. Os valores dinâmicos são gerados a partir de uma consulta ao conjunto de dados e são atualizados automaticamente à medida que o conjunto de dados é atualizado. Os valores estáticos são inseridos e atualizados manualmente. Somente aqueles com quem a estatística de resumo foi compartilhada poderão visualizá-la.

Arraste um cartão Estatística de resumo sobre uma linha existente.
Paire sobre o cartão e selecione o botão de editar. Para Tipo, selecione Dinâmico ou Estático.
Para cartões Dinâmicos, escolha Selecionar conteúdo, selecione um conjunto de dados e escolha Adicionar. Selecione Camada/tabela e para Atributo, escolha um campo do conjunto de dados.
Para Agregação, escolha o tipo de operação para executar no campo selecionado.
- Para campos de texto e data, escolha contagem, mínimo ou máximo.
- Para campos numéricos, escolha contagem, mínimo, máximo, soma, média, desvio padrão ou variação.
Para inserir um filtro adicional (opcional), ative Filtros de atributos; selecione um atributo, tipo de filtro e parâmetros (variará dependendo do tipo de campo). Para excluir um filtro, selecione o botão Mais ações .
Para cartões Estáticos, insira um Valor de exibição.
Ative a Formatação se necessário; insira as unidades a serem exibidas e escolha seu posicionamento.
Em Configuração avançada (somente Dinâmico), defina um período de tempo limite do Servidor, se necessário (para permitir que serviços maiores ou mais lentos tenham mais tempo para responder).
Em Detalhes, digite um Título, Subtítulo, e Texto final, se necessário. Para fornecer um link para o conjunto de dados estatístico, ative Exibir link de origem (somente Dinâmico). No site ativo, este link irá para a página de detalhes do item como página de visualização.
Dica:
Se você mostrar o texto final, verifique se a cor do texto contrasta com a cor do plano de fundo da linha.
Em Aparência, selecione o tipo de alinhamento e a cor do texto para a estatística.
Em Compartilhamento, você pode ativar o compartilhamento (os usuários podem copiar e compartilhar um link direto para este cartão nesta página). Com o compartilhamento ativado, você pode definir o botão Compartilhar para ser exibido apenas ao pairar ou para estar sempre visível.
Selecione Salvar.

Gráficos de barras

Use o cartão Gráfico e crie um gráfico de barras para resumir e comparar dados categóricos.

Arraste um cartão Gráfico sobre uma linha existente.
Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
O Gráfico de barras será selecionado por padrão.
Clique em Adicionar Dados.
Selecione um item dos seus serviços de dados disponíveis.
Para Escolher atributo de categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Opcionalmente, a partir de Escolher atributo de valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração Operação de estatística utilizando o menu suspenso à direita do seletor Escolher atributo de valor. O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de gráfico primário inserindo um código de cor ou clicando no seletor de cores para escolher uma cor.
- Forneça texto para os campos Rótulo de categoria e Rótulo de valor.
Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
Clique em Salvar.

Gráficos de pizza

Use o cartão Gráfico e crie um gráfico de pizza para ilustrar como as partes individuais se relacionam com um conjunto inteiro. Use um gráfico de pizza quando houver apenas algumas categorias nos dados.

Arraste um cartão Gráfico sobre uma linha existente.
Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
Selecione o gráfico de setores circulares clicando no botão de gráfico de pizza.
Clique em Adicionar Dados.
Selecione um item dos seus serviços de dados disponíveis.
Para Escolher atributo de categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Opcionalmente, a partir de Escolher atributo de valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração da Operação estatística clicando na seta suspensa à direita do seletor Escolher valor de atributo. O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure o texto do Rótulo de categoria para o rótulo de cada parte da pizza na dica de ferramenta e texto do Rótulo de valor para o rótulo da métrica na dica de ferramenta.
Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
Clique em Salvar.

Gráficos de linhas

Use o cartão Gráfico e crie um gráfico de linhas para visualizar a mudança em um intervalo contínuo, como tempo ou distância.

Arraste um cartão Gráfico sobre uma linha existente.
Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
Selecione o gráfico de linha clicando no botão de gráfico de linha.
Clique em Adicionar Dados.
Selecione um item dos seus serviços de dados disponíveis.
Para Escolher atributo de categoria escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Opcionalmente, a partir de Escolher atributo de valor, escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria. Após selecionado, a operação de estatística padrão neste campo é Soma. Você pode alterar a configuração da Operação estatística clicando na seta suspensa à direita do seletor Escolher valor de atributo. O atributo de valor suporta Mín, Máx, Soma, Média, e Contagem. Ao selecionar Contagem, o atributo de valor é desmarcado (pois não há necessidade de um campo adicional para contagem do atributo de categoria).
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de gráfico primário inserindo um código de cor ou clicando no seletor de cores para escolher uma cor.
- Configure o texto do Rótulo de categoria para o rótulo de cada ponto na dica da ferramenta e o texto Rótulo de valor para o rótulo da métrica na dica da ferramenta.
Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
Clique em Salvar.

Gráficos de dispersão

Use o cartão Gráfico e crie um gráfico de dispersão para mostrar a relação entre duas variáveis numéricas. Exiba uma variável no eixo x e a outra variável no eixo y.

Arraste um cartão Gráfico sobre uma linha existente.
Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
Selecione o gráfico de linha clicando no botão do gráfico de dispersão.
Clique em Adicionar Dados.
Selecione um item dos seus serviços de dados disponíveis.
Para Escolher atributo de Eixo X, escolha o item de gráfico primário dos seus dados.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Selecione um atributo para o campo Escolher atributo do eixo Y. Escolha um campo numérico para servir como uma métrica de valor para o seu atributo de categoria.
Campos de string e numéricos podem ser utilizados em gráficos. Por padrão, quando você seleciona um atributo de categoria, o gráfico resultante será uma contagem deste atributo.
Clique no menu Opções para personalizar a visualização de seu gráfico com as configurações seguintes:
- A opção Classificar habilita a você escolher como seus dados de atributos são exibidos. Selecione um atributo e clique no botão de classificação próximo ao atributo para exibir os dados em ordem crescente ou decrescente.
- Configure um valor de altura (pixels) para seu gráfico no campo de texto Altura (px) .
- Escolha para exibir um título do seu gráfico clicando no botão próximo ao Título do gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
- Configure Cor de gráfico primário inserindo um código de cor,r ou clicando no seletor de cores para escolher uma cor.
- Configure os rótulos para Rótulo do eixo X e Rótulo do eixo Ypara exibir em seu gráfico.
Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
Clique em Salvar.

Gráficos JSON

Use o cartão Gráfico e crie um gráfico personalizado com JSON usando uma especificação de gráfico específica.

Arraste um cartão Gráfico sobre uma linha existente.
Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
Selecione o título JSON
Insira seu JSON no campo Especificação do gráfico de JSON.
Opcionalmente, na seção Opções você pode ativar ou desativar e personalizar as configurações do Título do gráfco e Altura i(em pixels).
Defina o Tempo limite de conexão do servidor (segundos) mais alto (para serviços grandes) para permitir que o serviço tenha mais tempo para responder.
Clique em Salvar.

Conjuntos de Dados

O vetor dos conjuntos de dados especifica uma URL de serviço de feição do ArcGIS e parâmetros de consulta. Consulte a documentação do REST API para saber mais sobre parâmetros de consulta.

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

Série

A série de vetores permite especificar os mapeamentos entre campos na resposta do serviço e os aspectos visuais do gráfico (eixos x, y, cor e tamanho para gráficos de dispersão, raio para gráficos de pizza).

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

Substituições

A propriedade de substituição permite especificar substituições visuais, como cor ou posicionamento, para o gráfico inteiro.

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

Especificações

A propriedade de especificações permite inserir uma especificação Cedar inteira para um gráfico puramente personalizado. Visualizar exemplos para especificações de gráfico existentes.

Exemplo do gráfico de barras

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

Exemplo do gráfico de barras horizontal

{
  "type": "bar-horizontal",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ],
  "overrides": {
    "categoryAxis": {
      "labelRotation": -45
    }
  }
}

Exemplo do gráfico de barras agrupado

Anotação:

Cada série corresponderá a um grupo.

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

Exemplo do gráfico de dispersão

{
  "type": "scatter",
  "datasets": [ {
    "url": "https://services1.arcgis.com/bqfNVPUK3HOnCFmA/arcgis/rest/services/Demographics_(Median_Household_Income)/FeatureServer/0"
  }],
  "series": [
    {
      "category": {"field": "TotalPop2015", "label": "Population"},
      "value": {"field": "MedianHHIncome2015", "label": "Median Median Household Income"}
    }
  ]
}

Exemplo do gráfico de dispersão de bolha

{
  "type": "scatter",
  "datasets": [
    {
      "url":"https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0"
    }
  ],
  "series": [
    {
        "category": {"field": "Number_of", "label": "Number of Teachers"},
        "value": {"field": "F_of_teach", "label": "Fraction of Teachers"},
        "size": {"field": "Not_Taught", "label": "Number not Taught"}
      }
  ]
}

Exemplo do gráfico da linha de tempo

Anotação:

A categoria deve ser um campo de data e hora.

 {
  "type": "timeline",
  "datasets": [
    {
      "url": "https://services.arcgis.com/bkrWlSKcjUDFDtgw/arcgis/rest/services/DC_Crashes/FeatureServer/0",
      "query": {
        "where": "REPORTDATE > '2008-10-01' AND REPORTDATE < '2008-11-01'",
        "orderByFields": "REPORTDATE ASC",
        "sqlFormat": "standard"
      }
    }
  ],
  "series": [
    {
      "category": {
        "field": "REPORTDATE",
        "label": "Date"
      },
      "value": {
        "field": "MAJORINJURIES",
        "label": "Major Injuries"
      }
    }
  ]
}

Comentário neste tópico?

Dica:

Criar uma tabela

Dica:

Dica:

Exibir principais métricas

Dica:

Gráficos de barras

Gráficos de pizza

Gráficos de linhas

Gráficos de dispersão

Gráficos JSON

Conjuntos de Dados

Série

Substituições

Especificações

Exemplo do gráfico de barras

Exemplo do gráfico de barras horizontal

Exemplo do gráfico de barras agrupado

Anotação:

Exemplo do gráfico de dispersão

Exemplo do gráfico de dispersão de bolha

Exemplo do gráfico da linha de tempo

Anotação:

Neste tópico