Projetar o layout do seu site—Portal for ArcGIS | Documentação do ArcGIS Enterprise

Após você ter configurado o seu site e adicionado dados, você poderá projetar o layout da página inicial e personalizar o cabeçalho e rodapé. Isto tudo pode ser feito da guia Editor de Site Esta guia permite a você projetar seu site utilizando o editor fornecido, remarcação ou HTML personalizada.

Visão Geral

O editor do site é um editor de página completo que fornece um modelo de site que você pode modificar para ajustar a sua própria marca e dados do site ou remover completamente para iniciar do início. Paire sobre os elementos na página para mover, redimensionar, editar ou excluir elementos, ou clique no ícone de engrenagem no canto esquerdo superior para abrir o painel lateral do editor do site.

Configurações do cabeçalho

O cabeçalho do site pode ser construído de dois modos: utilizando uma URL de logo e um título de site (simples), ou utilizando HTML e CSS personaliza (avançado).

Fluxo de trabalho simples

Selecione Utilizar logo e título do site.
Insira seu título em Título do Site.
Insira sua imagem em URL do Logo. As imagens serão dimensionadas para ajustar a uma altura de 50 pixels.

Fluxo de trabalho avançado

Selecione Utilizar HTML/CSS personalizado.
Um cabeçalho padrão aparece na página e uma caixa CSS aparece no painel lateral.
Clique no ícone de engrenagem na direita superior do cabeçalho para editar o HTML.
Clique no ícone de engrenagem novamente para visualizar suas alterações.
Modifique a caixa CSS no painel lateral e clique em Aplicar Alteraçõespara ver os efeitos em sua HTML.

Aviso:

HTML de cabeçalho não suporta JavaScript embutido. Tags de script serão ignoradas.

Anotação:

A área de Meus Dados e Entrar não podem ser editadas ou removidas para manter a funcionalidade do site.

Construtor de Tema

Determine o tema do seu site com as opções de cores seguintes:

Cor do Plano de Fundo do Cabeçalho—Afeta o cabeçalho.
Cor de Texto do Cabeçalho—Afeta o texto do cabeçalho.
Cor do Plano de Fundo do Corpo—Afeta a cor de transparência das linhas da página inicial e a cor de plano de fundo da página dos resultados de pesquisa e páginas de conjunto de dados.
Cor de Texto do Corpo—Afeta a cor do texto regular ao longo do site.
Cor de Link do Corpo—Afete a cor dos links e botões ao longo do site e o estado de pairar de links no cabeçalho.

Dica:

A cor de texto também pode ser alterada por linha.

Construtor de Layout

O layout básico da página é organizado por linhas e widgets. Um widget deve ser colocado em uma linha. Não há limite para o número de widgets que podem ser posicionados em uma linha. Para editar qualquer cartão, clique no ícone de engrenagem. Para excluir qualquer cartão, clique no ícone de lixeira.

Linha

Utilize linhas para construir o layout global e alojar os widgets.

Arraste uma linha a partir do painel lateral sobre a página.
Os marcadores aparecem na página para guiar você.
Paire sobre a linha e três ícones aparecem no lado direito: setas para mover a linha em torno da página, um ícone de engrenagem para edição e um x para excluir a linha.
Clique no ícone de engrenagem para trocar o modo de edição.
Configure a cor de texto para esta linha específica.
Defina qualquer cor de plano de fundo (transparente é o padrão) ou uma imagem de plano de fundo.
Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Cartão do Banner

Utilize banners para cabeçalhos e barras de pesquisa dentro do site.

Arraste um widget banner sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Opcionalmente insira um cabeçalho e um subtítulo.
Opcionalmente forneça uma URL de imagem de plano de fundo e configure a altura mínima.
Opcionalmente marque Mostrar Barra de Pesquisa para adicionar uma barra de pesquisa para este widget de banner.
Opcionalmente marque Adicionar Habilidade para Pesquisar por Localização para adicionar uma opção de pesquisa secundária para usuários filtrarem resultados por localização.
Opcionalmente adicione texto de placeholder para aparecer nas barras de pesquisa.
Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Cartão de Imagem

Você pode utilizar imagens em seu layout.

Arraste um widget imagem sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Forneça uma URL da imagem.
Forneça texto de imagem para ajudar novos usuários e melhorar a acessibilidade do seu site.
Opcionalmente forneça uma legenda para imagem.
Opcionalmente, forneça um hiperlink de imagem que será aberto em Mesma Guia ou Nova Guia.
Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Cartão de Texto

Adicione texto (remarcação e HTML) ao seu layout.

Arraste um widget texto sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Insira remarcação ou texto de HTML no widget de texto.
Clique no ícone de engrenagem para visualizar o texto.

Aviso:

Para propósitos de segurança, widgets de texto não suportam JavaScript embutido. Tags de script serão ignoradas.

Os elementos de HTML seguinte são permitidos:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

Os atributos seguintes para estes elementos são permitidos:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

Cartão de Categoria

Utilize categorias para agrupar conjuntos de dados em seu site.

Arraste um widget categoria sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Edite o texto de link para sua categoria.
Selecione consulta de tag ou grupo.
Isto determinará quais conjuntos de dados são retornados nos resultados de pesquisa quando usuários clicam nesta categoria.
- Tag—Insere uma consulta de tag. .Todos os conjuntos de dados que correspondem a tag em seu respectivo item do portal enterprise serão retornados nos resultados de pesquisa
- Grupo—Seleciona um grupo. Todos os conjuntos de dados neste grupo serão retornado nos resultados de pesquisa.
Escolha um ícone da biblioteca:
1. Selecione Selecione um Ícone.
2. Escolha um ícone a partir do modelo e clique em Selecionar.
  O ícone aparece no painel lateral.
3. Clique na caixa cinza à direita do ícone para escolher a cor do ícone.
Utilize seu próprio ícone:
1. Forneça uma URL para seu ícone.
2. Forneça texto do seu ícone para ajudar novos usuários e melhorar a acessibilidade do seu site.
Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Dica:

Os ícones personalizados devem ser salvos como um arquivo .svg ou transparente .png . Os ícones serão dimensionados para ajustar em 120x120 pixels.

Cartão de Informações de Contato

Forneça informações de contato para enviar um e-mail ao proprietário dos dados.

Arraste um widget contato sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Forneça o endereço de e-mail de contato e linha de assunto do e-mail.
Quando os usuários clicam no e-mail em sua página inicial, seu editor de e-mail abre automaticamente.
Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Cartão Iframe

Iframes e recursos externos embutidos.

Arraste um widget Iframe sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Forneça sua URL e altura do iframe.
Clique em Aplicar.

Aviso:

Não cole o código iframe embutido de outro site da web. Somente cole na URL que deseja embutir.

Dica:

URLs de Iframe utilizando HTTP não aparecerão no editor de site, que utiliza HTTPS. Salve e visualize seu site para observar seu iframe.

Cartão de Gráfico

Crie gráficos simples diretamente de seus conjuntos de dados ou insira seu próprio gráfico JSON para criar um gráfico personalizado.

Gráfico de Barras

Os gráficos de barras são criados de consultas para um conjunto de dados selecionado e são automaticamente atualizados quando seu conjunto de dados é atualizado.

Arraste um widget gráfico sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem 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.
Selecione Escolher Atributo de Categoria para escolher o principal item de gráfico dos seus dados.
Campos numéricos e de string 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, Escolher Atributo de Valor para escolher 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 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 numéricos e de string 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, na seção Opções você pode ativar/desativar e personalizar o Título do Gráfico, Altura (em pixels), Rótulo de Categoria para eixo X e Rótulo de Valor para eixo Y.

Gráfico de Pizza

Os gráficos de pizza são criados de consultas para um conjunto de dados selecionado e são automaticamente atualizados quando seu conjunto de dados é atualizado.

Arraste um widget gráfico sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Selecione o Gráfico de Pizza clicando no ícone de pizza circular.
Clique em (+) Adicionar Dados.
Selecione um item dos seus serviços de dados disponíveis.
Selecione Escolher Atributo de Categoria para escolher o principal item de gráfico dos seus dados.
Campos numéricos e de string 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, Escolher Atributo de Valor para escolher 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 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 numéricos e de string 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, na seção Opções você pode ativar/desativar e personalizar o Título do Gráfico, Altura (em pixels), Rótulo de Categoria para o rótulo de cada parte da pizza na dica da ferramenta, e Rótulo de Valor para o rótulo de métrica na dica da ferramenta.

Gráfico JSON

Os gráficos personalizados são criados JSON utilizando uma especificação de gráfico específico.

Arraste um widget gráfico sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem 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/desativar e personalizar o Título do Gráfico e Altura (em pixels).

Especificação de JSON

A inserção de JSON personalizado permite a você criar gráficos personalizados que alavancam a biblioteca Cedar. Uma especificação é composta dos componentes seguintes:

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. Se refira à documentação de REST API para aprender 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éries

A série de vetores permite a você especificar os mapeamentos entre campos na resposta do serviço e os aspectos visuais do gráfico (eixos x, y, cor/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 substituir permite a você especificar substituições visuais, como cor ou posicionamento, para o gráfico inteiro.

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

Especificação

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

Exemplos

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

Gráfico de Barra 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    }
  }
}

Gráfico de Barra Agrupada:

Nota: cada série irá corresponder a um 'group'.

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

Gráfico de Dispersão:

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

Gráfico de Dispersão de Bolha:

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

Gráfico de Linha do Tempo

Nota: A categoria deve ser um campo datetime.

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

Cartão de Estatística Sumária

Utilize estatística sumária para fornecer dados à primeira vista para indicadores de performance chaves e mais. As estatísticas sumárias são geradas de uma consulta de conjunto de dados e são automaticamente atualizadas quando o conjunto de dados for atualizado.

Arraste um widget Estatística de Resumo sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Clique em (+) Adicionar Dados para abrir um seletor de itens para encontrar o serviço de dados de sua escolha.
Selecione um Campo de Estatística para escolher um campo do serviço selecionado. Este campo será utilizado em etapas subsequentes.
Selecione um Tipo de Estatística para escolher o tipo de operação a ser executada no campo selecionado
- Para campos de data e texto - escolha entre contagem, mínimo ou máximo.
- Para campos de número - escolha entre contagem, soma, mínimo, máximo, desvio padrão médio ou variância.
Opcionalmente adicione um filtro para sua estatística:
1. Selecione um atributo para utilizar para seu filtro.
2. Selecione Adicionar.
3. Selecione a nova caixa de atributo para mostrar a entrada do filtro. A caixa de entrada irá variar dependendo do tipo de campo.
4. Insira seu filtro desejado.
5. Clique fora da caixa de filtro ou aperte Enter em seu teclado.
Digite um Título.
Opcionalmente, digite um Texto de Teste e altere a Cor de Destaque da própria estatística.

Cartão de Galeria

Utilize o cartão de galeria para apresentar aplicativo de mapeamento da web e conteúdo de mapa da web em seu site. O cartão de galeria recupera aplicativos e mapas da web de seus grupos da organizações automaticamente. Quando você adiciona aplicativo e conteúdo de mapa a sua organização ou um grupo particular, novos mosaicos de aplicativo aparecem em seu site sem ter que editar o layout.

Arraste um widget Cartão de Galeria sobre uma linha existente.
Paire sobre o widget e clique no ícone de engrenagem para trocar para o modo de edição.
Algumas opções aparecem na esquerda. Clique em Aplicativos para ver todos os aplicativos de dentro da sua organização retornar para o cartão da galeria. Clique em Aplicativos para ver todos os conjunto de dados de dentro da sua organização retornar para o cartão da galeria. Clique em Sites para ver todos os aplicativos de dentro da sua organização retornar no cartão da galeria.
Ajuste o número em Número de Cartões Mostrados (o máximo é 16) para alterar a visualização.
Opcionalmente, na seção Mostrar Somente , selecione Grupo(s) e selecione seus grupos desejados para filtrar os aplicativos.
Em Tags, adicione quaisquer tags para limitar a consulta. Somente itens que correspondem a esta tag aparecerão no cartão da galeria.
Em Estilo, escolha Use Ícones ou Utilize Miniaturas para determinar que estilo o cartão de galeria terá.
Altere o Texto do Botão para controlar o botão. O texto padrão é explore.

Configurações do Rodapé

O padrão do editor de site não tem um rodapé. Você deve criar um rodapé personalizado para ter um rodapé persistente em todas as páginas do site.

Em Configurações de Rodapé, selecione Personalizar.
Um rodapé padrão aparece na página e uma caixa CSS aparece no painel lateral.
Clique no ícone de engrenagem na direita inferior do rodapé para editar o HTML.
Clique no ícone de engrenagem novamente para visualizar suas alterações.
Modifique a caixa CSS no painel lateral e clique em Aplicar Alteraçõespara ver os efeitos em sua HTML.

Dica:

A HTML do rodapé não suporta JavaScript embutido. Tags de script serão ignoradas.

Utilizando Remarcação

Utilize remarcação no widgets de texto para personalizar o texto em seu site.

Planilha de Remarcação Rápida


Atributo	Sintaxe
Cabeçalho	# Texto aqui para um cabeçalho no nível 1 (maior) # Texto aqui para um cabeçalho no nível 2 ###### Texto aqui para um cabeçalho no nível 6 (menor)
Itálico	Isto é texto em itálico ou _italic text_
Negrito	Este texto está em negrito
Combinando Itálico e Negrito	combina itálico e* negrito*
Link com endereço exibido	http://www.esri.com Anotação: Não esqueça o protocolo (HTTP ou HTTPS) na frente das suas URLs
Link sem endereço exibido	[Seu texto de hiperlink] (http://www.esri.com) Anotação: Não esqueça o protocolo (HTTP ou HTTPS) na frente das suas URLs
Pontos	* Primeira coisa na lista de marcadores * Segunda coisa na lista de marcadores
Lista ordenada	1. Primeira coisa em uma lista numerada 1. Segunda coisa em uma lista numerada
Inserir Imagens	<img src="URL de origem da imagem, incluindo HTTP ou HTTPS"> Anotação: Se você tiver imagens no portal enterprise, também poderá aproveitar as URLs relativas, como "../images/my-amazing-image"
Inserir Imagem com Hiperlink	<a href="URL de link incluindo HTTP ou HTTPS"><img src="URL de origem da imagem, incluindo HTTP ou HTTPS"></a>

Resposta neste tópico?

Visão Geral

Configurações do cabeçalho

Aviso:

Anotação:

Construtor de Tema

Dica:

Construtor de Layout

Linha

Cartão do Banner

Cartão de Imagem

Cartão de Texto

Aviso:

Cartão de Categoria

Dica:

Cartão de Informações de Contato

Cartão Iframe

Aviso:

Dica:

Cartão de Gráfico

Gráfico de Barras

Gráfico de Pizza

Gráfico JSON

Especificação de JSON

Cartão de Estatística Sumária

Cartão de Galeria

Configurações do Rodapé

Dica:

Utilizando Remarcação

Planilha de Remarcação Rápida

Anotação:

Anotação:

Anotação:

Neste tópico