Projetar o layout do seu site

Após você ter configurado seu site e adicionado dados, você poderá utilizar o Editor do Site para começar a projetar seu site. O Editor do Site é um editor de página completo que fornece um modelo de site padrão que você pode modificar para ajustar a sua própria marca e dados do site ou remover completamente para começar do zero. Projete o layout de seu site utilizando os cartões de arrastar e soltar , configurando um tema global, e personalizando o cabeçalho e rodapé com remarcação ou HTML personalizada.

Acessar o Editor do Site

Utilize o Editor do Site para iniciar com o design do seu site ou retornar a qualquer momento para fazer as alterações.

1. Registre no Sites aplicativo administrativo.
2. Clique na guia Sites .
3. Localize o site que deseja editar e escolha o Editor do Site.

Definir configurações do site

Nomeie seu site e forneça uma descrição, e mais. As configurações e os recursos do site também podem ser definidos clicando na guia Sites para acessar o Gerenciador de Site.

1. Abra o painel lateral e clique em Informações do Site.
2. Forneça um nome do campo Nome do Site .
3. Forneça algumas informações do plano de fundo em seu site no campo Sobre o Site .
4. Forneça um ícone de favoritos opcional colando uma URL de imagem no campo Favicon Personalizado .
5. Clique para alternar na Análise do Google.
6. Clique para alternar em um Mapa Base Personalizado. Você pode escolher o mapa desejado no menu suspenso.
7. Clique em Recursos na parte superior do painel Personalizar para abrir o menu Recursos . Neste menu, você pode alternar os recursos disponíveis. Aprenda mais sobre os recursos em Gerenciar recursos do site.

Cabeçalho

Forneça uma URL da imagem ou utilize CSS personalizado para marcar a barra de menu no topo do seu site.

1. Abra o painel lateral e clique em Cabeçalho. Utilize logo e título do site para inserir um título e forneça uma URL para seu logo.
2. Para nomear seu site, escolha Utilizar logo e título do site e inserir um título no campo de texto Título de Site para colocar um título no cabeçalho do seu site.
3. Para colocar uma imagem no cabeçalho do seu site, cole uma URL de imagem no Campo URL de Logo.
4. Se você desejar inserir a marca no cabeçalho do seu site com HTML personalizada ou CSS, escolha Utilizar HTML/CSS personalizada.
5. Modifique a caixa CSS no painel lateral e clique em Aplicar Alteraçõespara ver os efeitos do seu código.

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.

Tema

Crie um tema para o seu site escolhendo cores para o cabeçalho, o texto e os botões do seu site.

1. Para selecionar uma cor de qualquer uma das opções seguintes, insira um código de cor ou escolha uma cor a partir de seletor de cores próximo ao campo de código de cor.
   • A Cor de Plano de Fundo de Cabeçalho aplica a cor no cabeçalho do seu site.
   • A Cor de Texto do Cabeçalho aplica a cor de todos os texto no cabeçalho.
   • A Cor de Plano de Fundo do Corpo aplica a cor nas linhas do seu site.
   • A Cor de Texto do Corpo aplica ao texto através do seu site.

   • Dica:

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

     A Cor do Link do Corpo aplica a cor em quaisquer links fornecidos em seu site.
   • A Cor de Plano de Fundo do Botão aplica a cor para botões fornecidos em seu site.
   • A Cor de Texto do Botão aplica ao texto em quaisquer botões fornecidos em seu site.
2. Após configurar as cores, clique em Aplicar as Alterações.
3. Você também pode aplicar as fontes do texto no cabeçalho e no corpo de seu site.
   • Para escolher uma fonte para o corpo do seu site, clique no ícone de configurações Fonte de Base .
   • Para alterar a fonte do cabeçalho do seu site, clique no ícone de configuração Fonte de Cabeçalho .

Anotação:

Para reiniciar de ou retornar para cores padrões, escolha Redefinir para o Padrão na parte inferior da do menu Tema .

Layout e cartões

O layout básico de um site ou da página é organizado por linhas e cartões. Um cartão deve ser colocado em uma linha e não há nenhum limite para o número de cartões que pode ser posicionado em uma linha. Para editar qualquer cartão, clique no ícone de configurações. Para excluir qualquer cartão, clique no botão de excluir. Os seguintes cartões podem ser utilizados para construir seu site: linha, banner, imagem, mapa da web, texto, categoria, informações de contato, galeria, iframe, detalhes do evento, visualização de lista do evento, vídeo, , rede social, estatística de resumo e gráfico.

Cartão de linha

Utilize linhas para construir o layout global de seu site. Arraste cartões a partir do Editor do Site para preencher linhas com cartões adicionais, tais como, texto, imagens e mídia.

1. Arraste uma linha a partir do Editor do Site no layout.

   Os marcadores aparecem na página para guiar você.

2. Paire sobre a linha e três botões aparecem no lado direito: as setas para mover a linha em torno da página, um botão de configurações para edição e um botão de exclusão para excluir a linha.
3. Clique no botão de configurações para trocar o modo de edição.
4. Escolha o Layout de seu linha escolhendo Caixa ou Largura. Largura exibe seu conteúdo através da totalidade da página, onde a Caixa exibe o conteúdo em uma largura fixa dentro da linha.
5. Configure a cor de texto para esta linha específica.
6. Defina qualquer cor de plano de fundo (transparente é o padrão) ou uma imagem de plano de fundo.
7. Opcionalmente adicione uma imagem clicando em Fonte da Imagem e escolhendo transferir um arquivo de imagem ou fornecendo uma URL de imagem. Ambas as opções suportam JPG, JPEG e PNG.
   • Para transferir um arquivo de imagem, escolha Transferir Imagem e arraste o arquivo sobre a caixa no Editor do Site, ou clique em Procurar por Imagem para localizar e adicionar seu arquivo. O tamanho máximo do arquivo é 3 MB.
   • Ou, forneça uma URL de imagem colando uma imagem suportada vínculo do campo URL .
8. Se utilizar um arquivo de imagem, você pode personalizá-lo clicando no botão recortar e arrastando um manipulador para redimensionar a borda de recorte. A borda de recorte pode ser reposicionada arrastando a linha pontilhada. Você também pode ampliar ajustando o controle deslizante abaixo da imagem e reposicionando a imagem ao clicar dentro da borda de recorte.
9. Se você adicionar a cor de plano de fundo e uma imagem, você também pode ajustar Transparência de Imagem no menu Aparência inserindo um porcentagem ou utilizando o controle deslizante.
10. Habilite Plano de Fundo Fixo para fornecer um efeito de paralaxe de forma que o conteúdo role em um movimento regulado diferente da imagem de plano de fundo.
11. Opcionalmente, configure um ponto para Ponto Focal da Imagem para assegurar o foco de sua imagem ao ajustá-la em tamanhos de telas diferentes.

Cartão do banner

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

1. Arraste um cartão Banner sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Insira o texto Título e Subtítulo.
4. A partir do menu Pesquisar , clique em Mostrar Barra de pesquisa para adicionar uma barra de pesquisa opcional ao banner. Opcionalmente, clique em Adicionar Habilidade para Pesquisar por Localização para adicionar uma opção de pesquisa secundária para usuários filtrarem resultados por localização.
5. Opcionalmente adicione texto de placeholder para aparecer nas barras de pesquisa.
6. A partir da menu Opções , insira um valor Altura Mínima para configurar a altura do seu banner. O valor deve ser maior que zero.
7. A partir do menu Imagem de Plano de Fundo , opcionalmente, opte para transferir um arquivo de imagem ou fornecer uma URL de imagem. Ambas as opções suportam JPG, JPEG e PNG.
   • Para transferir um arquivo de imagem, escolha Transferir Imagem e arraste o arquivo sobre a caixa no Editor do Site, ou clique em Procurar por Imagem para localizar e adicionar seu arquivo. O tamanho máximo do arquivo é 3 MB.
   • Ou, forneça uma URL de imagem colando uma imagem suportada vínculo do campo URL .
8. Se utilizar um arquivo de imagem, você pode personalizá-lo clicando no botão recortar e arrastando um manipulador para redimensionar a borda de recorte. A borda de recorte pode ser reposicionada arrastando a linha pontilhada. Você também pode ajustar o zoom abaixo da imagem utilizando o controle deslizante e reposicionar a imagem clicando dentro da borda de recorte.
9. Para ambas as transferências de imagens e URLs de imagens, você pode opcionalmente selecionar um ponto para Ponto de Imagem Focal para assegurar uma área de foco em sua imagem indiferentemente de como aparece em tamanhos de telas diferentes.

Cartão de pesquisa

Adicione uma barra de pesquisa para ajudar as pessoas a encontrar rapidamente o conteúdo compartilhado no seu site.

1. Arraste um cartão de Pesquisa sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Forneça texto de espaço reservado no campo Pesquisar Texto de Espaço Reservado . Por exemplo, você poderia utilizar "Procurar por Palavra-chave" or "Localizar Dados".
4. Clique na caixa de seleção Adicionar recurso de Pesquisar por Localização para adicionar uma barra de pesquisa adicional para consultar uma pesquisa baseada em localização. Você também pode fornecer um texto de espaço reservado no campo Texto de Espaço Reservado de Localização.

Cartão de imagem

Adiciona imagens transferindo-as a partir do arquivo ou fornecendo uma URL de imagem. As imagens que são compartilhadas internamente serão visíveis somente por aqueles que estiverem conectados e pertencerem à equipe ou organização.

1. Arraste um cartão Imagem sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Escolha uma fonte de imagem. Você pode transferir um arquivo de imagem ou fornecer uma URL de imagem. Ambas as opções suportam JPG, JPEG e PNG.
   • Para transferir um arquivo de imagem, escolha Transferir Imagem e arraste o arquivo sobre a caixa no Editor do Site, ou clique em Procurar por Imagem para localizar e adicionar seu arquivo. O tamanho máximo do arquivo é 3 MB.
   • Ou, forneça uma URL de imagem escolhendo uma Imagem de URL e colando um link de imagem suportada no campo URL .
4. Se utilizar um arquivo de imagem, você pode personalizar imagens transferidas clicando no botão recortar e arrastando um manipulador para redimensionar a borda de recorte. A borda de recorte pode ser reposicionada clicando e arrastando na linha pontilhada. Você também pode ampliar ajustando o controle deslizante abaixo da imagem e reposicionando a imagem ao clicar dentro da borda de recorte.
5. A partir do menu Opções , forneça o texto de imagem para ajudar novos usuários e melhorar a acessibilidade do seu site.
6. Forneça um hyperlink de imagem e escolha pelo link para abrir a mesma guia ou uma nova guia.
7. Forneça o texto Legenda de Imagem e escolha o alinhamento de texto.
8. Opcionalmente, clique em Dimensionar Imagem para Preencher para configurar um ponto focal da imagem. O ponto focal assegurará que sua imagem permanece focada onde você deseja que a imagem redimensione para telas diferentes.

Mapas da web

Exibe mapas da web em seu site. Os mapas da web podem ser compartilhados de forma privada. Somente aqueles que pertencem à equipe ou organização serão capazes de acessá-los ao registrarem.

1. Arraste um cartão Mapa da Web sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Clique em Localizar um mapa da web.
4. Localize um mapa da web procurando por Meus Mapas, Mapas da Minha Organização, ou Todos os Mapas.
5. Para exibir um título para seu mapa, clique no botão de alternar para Título.
6. Configure uma Altura (em pixels) para seu mapa.

Cartão de texto

Formate texto, adicione listas e insera tabelas. Você também pode utilizar HTML Personalizada.

1. Arraste um cartão Texto sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Adicione texto.
4. Selecione texto para formatar. Opções de formatação incluem estilo (adicionar cabeçalhos, trechos de código e citações), negrito, itálico e links.
5. Para ajustar o alinhamento do texto, clique nas opções de parágrafo e escolha um alinhamento. Você também pode recuar ou evitar recuo de uma linha de texto, escolhendo a opção de parágrafo e selecionando recuar ou não recuar.

Anotação:

A cor do texto pode ser modificada nas configurações do cartão de linha .

Adicionar uma lista numerada ou com marcadores.

1. Adicione texto ou selecione o texto existente.
2. Escolha a lista não ordenada para criar uma lista com marcadores.
3. Escolha a lista ordenada para adicionar uma lista numerada.

Inserir uma tabela

1. Clique na opção de tabela.
2. Selecione o número de células que você deseja por linha e coluna.
3. Após selecionar 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. Clique no botão de excluir para remover completamente a tabela.

Anotação:

Para adicionar um cabeçalho à sua tabela, clique na linha superior da sua tabela e, então. clique no 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.

Inserir botões e cartões

1. Clique no botão Inserir .
2. Escolha uma das opções seguintes:
   • Botão- adicione uma solicitação à ação fornecendo links para mais informações.
   • Curinga- insira um único cartão para exibir o conteúdo, link para mais informações e exibir uma foto.
   • Cartões- insira múltiplos cartões.

Anotação:

As imagens podem ser editadas fornecendo um link para uma imagem hospedada dentro da visualização de código do cartão.

Adicionar HTML

Você pode utilizar HTML para personalizar a aparência do seu texto.

1. Arraste um cartão Texto sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Clique na opção Visualização de Código .

Aviso:

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

Os seguintes elementos de HTML 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 seguintes atributos 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 de forma que as pessoas possam navegar rapidamente pelo conteúdo disponível.

1. Arraste um cartão Categoria sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Edite o texto de link para sua categoria.
4. Selecione Utilizar Consulta de Tag ou Utilizar 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.
5. 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.
6. 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.
7. 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.

1. Arraste um cartão Informações de Contato sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. 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.

4. Clique em Voltar para Editor do Site para retornar ao painel lateral principal.

Cartão de galeria

Utilize o cartão de galeria para mostrar aplicativos, painéis, conjunto de dados, sites, páginas, mapas da web e documentos. O cartão de galeria recupera estes itens a partir de grupos da sua organização do ArcGIS Online automaticamente. Quando você adiciona conteúdo a sua organização ou um grupo particular, novos mosaicos de aplicativo aparecem em seu site sem ter que editar o layout.

1. Arraste um cartão Galeria sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Escolha o que aparece em seus cartões clicando no menu suspenso Exibir e optando por exibir conteúdo por tipo ou selecionando itens individuais manualmente.
   • Para mostrar o conteúdo baseado em tipo, clique em Dinâmico, então escolha Aplicativos, Painéis, Conjunto de dados, Sites, Páginas, Mapas da Web, ou Documentos. As configurações adicionais exigem que você escolha o número Cartões Exibidos e a partir de qual grupo ou tag eles serão consultados.

     Dica:

     Aplicativos inclua os itens seguintes: aplicativos, formulários (Survey123) e aplicativos de mapeamento da web. Tipos de Documentos suportados incluem PDF, Documentos do Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork e Documentos Visio.

   • Para mostrar uma mistura de conteúdo, clique em Manual, então selecione o conteúdo individualmente clicando em Adicionar Conteúdo e escolhendo qualquer combinação de aplicativos, conjunto de dados, sites e páginas que pertencem a sua organização.

     Dica:

     Se você optou por manual, você pode reordenar o modo em que seus cartões aparecem no layout ajustando a lista de cartões no Editor do Site. Clique em um nome do cartão para arrastar e soltá-lo para uma nova posição na lista.

4. A partir do menu suspenso Estilo , escolha o visual de seus cartões da galeria com as seguintes opções:
   • Imagem- escolha os ícones ou miniaturas. ArcGIS OnlineEditor do SiteSitesArcGIS OnlineMeu ConteúdoEditar MiniaturaArcGIS Online Detalhes do itemConteúdoVisão GeralEditar Miniatura Detalhes do item
   • Cantos- escolha cantos quadrados ou arredondados.
   • Texto de Botão- opcionalmente, renomeie o botão Explorar inserindo um novo nome na caixa de texto.

Cartão Iframe

Iframes e recursos externos embutidos.

Aviso:

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

1. Arraste um cartão iframesobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Forneça sua URL e altura do iframe.
4. Adicionar um título para seu iframe.
5. Habilite a rolagem ativando em Automático.
6. Clique em Aplicar.

Anotação:

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

Cartões de vídeo

Adicione cartões de vídeo para embutir YouTube, Vimeo, ou vídeos do Facebook .

1. Arraste um cartão Mídia sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Colar uma URL de vídeo do Facebook, Vimeo, ou YouTube no campo URL de Vídeo .
4. Dependendo da origem do vídeo, opções adicionais aparecem que permitem a você configurar a visualização do vídeo:
   • Para vídeos do Facebook , escolha Mostrar Texto de Postagem para exibir número de likes, comentários, compartilhamentos e outro texto relacionado. Escolha Mostrar Legendas Sempre para exibir legendas de vídeo.
   • Para vídeos do Vimeo , escolha Mostrar Título de Vídeo, Mostrar Proprietário do Vídeo, Mostrar a Miniatura de Proprietário do Vídeo, e Playback de Loop de Vídeo.
   • Para vídeos do YouTube , escolha Mostrar Marca do YouTube e Playback de Loop de Vídeo.
5. Clique no botão copiar próximo à URL do Vídeo para salvar o link para a área de transferência de forma que você possa reusá-la em outro lugar no aplicativo.

Cartão de rede social

Compartilhe postagens de rede social e linhas seculares diretamente em seus sites utilizando URLs.

Postagem do Facebook

Exiba uma postagem única para destacar algo específico.

1. Arraste um cartão Rede Social sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer postagem do Facebook compartilhado publicamente. Para copiar a URL correta, clique no carimbo da postagem (a data ou a hora no canto esquerdo superior da postagem), então copie a nova URL no navegador antes de retornar com a edição do seu site.
4. Opcionalmente, clique no botão de alternar para Mostrar o Texto da Postagem para exibir o texto associado com a postagem.

Linha do tempo do Facebook

Exiba uma página do Facebook Linha do tempo, Eventos, e Mensagens para exploração maior.

1. Arraste um cartão Rede Social sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer página do Facebook compartilhado publicamente.
4. Opcionalmente, clique para alternar em qualquer combinação das opções seguintes:
   • Guias de Página do Facebook exibe uma guia Linha do Tempo abaixo do cabeçalho da página. Clique nesta opção se desejar compartilhar sua linha do tempo ao lado de Eventos e/ou Mensagens.
   • Eventos exibirá uma visualização de lista apenas das visualizações de eventos da página.
   • Mensagens habilita os usuários para digitar e enviar uma mensagem ao administrador da página do Facebook utilizando o Mensageiro do Facebook .
   • Utilizar Cabeçalho Grande aumenta o tamanho do cabeçalho da página e adiciona um botão Enviar Mensagem vinculando usuários ao Mensageiro do Facebook.
   • Mostrar Foto de Cobertura para exibir a foto de cobertura da página.

Postagem do Twitter

Exiba uma postagem única do Twitter para destacar em Tweet específico.

1. Arraste um cartão Rede Social sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer postagem do Twitter compartilhado publicamente. Para obter o link de um Tweet único, clique no ícone Mais à direita superior da postagem, então escolha Copiar Link do Tweet.
4. Opcionalmente, clique para alternar em qualquer combinação das opções seguintes do menu Opções :
   • Mostrar o Tema Escuro inverte a cor de exibição.
   • Selecionar largura do Tweet para escolher o tamanho da visualização da sua postagem. As opções incluem Pequeno, Médio, e Grande.
5. Selecionar Posição do Tweet para escolher o alinhamento Esquerdo, Centro, ou Direito .

Linha do tempo do Twitter

Exibe uma linha do tempo do Twitter rolável.

1. Arraste um cartão Rede Social sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer linha do tempo do Twitter compartilhada publicamente.
4. Opcionalmente, clique para alternar em qualquer combinação das opções seguintes do menu Opções :
   • Selecione Altura de Coleção escolhendo Padrão para permanecer com a visualização atual ou escolha Expandida para mostrar mais de sua linha do tempo.
   • Limite do Tweet define o número de tweets exibidos na linha do tempo.
   • Mostrar o Tema Escuro inverte a cor de exibição.
   • Mostrar Cabeçalho para exibir um cabeçalho. Semelhantemente, escolha Mostrar Rodapé para exibir um rodapé.
   • Mostrar Borda para exibir uma borda em torno da linha do tempo.
   • Mostrar Plano de Fundo para remover o plano de fundo.

Coleção do Twitter

Exibe uma coleção do Twitter no seu site. Para informações sobre como criar uma coleção do Twitter , visite a documentação de Desenvolvedor do Twitter sobre como Curar uma coleção de Tweets.

1. Arraste um cartão Rede Social sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. No campo URL de Postagem de Rede Social , cole uma URL para qualquer coleção do Twitter compartilhada publicamente.
4. Opcionalmente, clique para alternar em qualquer combinação das opções seguintes do menu Opções :
   • Limite de Tweet permite a você definir um limite para o número de tweets exibidos na coleção.
   • Altura Expandida permite a você mostrar mais da coleção de uma vez.
   • Mostrar Tema Escuro altera a cor do texto para branco e aplica um plano de fundo cinza escuro.
   • Mostrar Cabeçalho exibe o título da coleção. Semelhantemente, escolha Mostrar Rodapé para exibir um rodapé que fornece links para Embutir ou Visualizar no Twitter.
   • Mostrar Borda exibe uma borda em torno do cartão.
   • Mostrar Plano de Fundo aplica um plano de fundo em branco no cartão. Se Mostrar Tema Escuro também estiver selecionado, um plano de fundo cinza escuro será aplicado.

Cartão da estatística de resumo

Utilize estatísticas de resumo para fornecer dados rapidamente para os principais indicadores de desempenho e muito mais. As estatísticas de resumo são geradas de uma consulta do conjunto de dados e são automaticamente atualizadas quando o conjunto de dados é atualizado. Somente aqueles que tiverem acesso conseguirão resumir a estatística ao registrar, que foram geradas utilizando dados compartilhados interiormente.

1. Arraste um cartão Estatística de Resumo sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Clique em (+) Adicionar Dados, o qual abre um seletor de itens para encontrar o serviço de dados de sua escolha. Ao editar o site, o link fonte abaixo de sua estatística irá vincular à página de detalhes do item para a página de visualização do conjunto de dados.
4. Para Campo Estatístico, escolha um campo a partir do serviço selecionado. Este campo será utilizado em etapas subsequentes.
5. Para Tipo de Estatística, escolha o tipo de operação para executar no campo selecionado.
   • Para texto e campos de data, escolha entre contagem, mínima e máxima.
   • Para campos de número, escolha entre contagem, soma, mínimo, máximo, desvio padrão médio e variância.
6. 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 pressione Enter em seu teclado.
7. Insira um título na caixa de texto Título .
8. Opcionalmente, insira o texto para Texto de Teste para fornecer detalhes da estatística e alterar a configuração de Cor de Destaque da estatística propriamente.

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. Os gráficos que são criados com dados compartilhados de forma privada somente estarão visíveis para aqueles que tiverem acesso a as equipe ou organização quando estiver registrado.

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.

1. Arraste um cartão Gráfico sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. O Gráfico de Barras será selecionado por padrão.
4. Clique em (+) Adicionar Dados.
5. Selecione um item dos seus serviços de dados disponíveis.
6. Para Escolher Atributo de Categoria escolha o item de gráfico primário 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.

7. 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.

8. 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, então clique no ícone 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 exibir um título para seu gráfico clicando no botão de alternar próximo a Título de 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 o texto para Rótulo de Categoria e o Rótulo de Valor.

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.

1. Arraste um cartão Gráfico sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Selecione o gráfico de setores circulares clicando no botão de gráfico de pizza.
4. Clique em (+) Adicionar Dados.
5. Selecione um item dos seus serviços de dados disponíveis.
6. Para Escolher Atributo de Categoria escolha o item de gráfico primário 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.

7. 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 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.

8. 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, então clique no ícone 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 exibir um título para seu gráfico clicando no botão de alternar próximo a Título de Gráfico. Se exibir um título, insira seu nome no campo de texto fornecido e escolha um alinhamento.
   • Configure um texto do Rótulo de Categoria para o rótulo de cada parte da pizza na dica de ferramenta e o texto Valor de Rótulo para o rótulo da métrica na dica de ferramenta.

Gráfico de linhas

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

1. Arraste um cartão Gráfico sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Selecione o gráfico de linha clicando no botão de gráfico de linha.
4. Clique em (+) Adicionar Dados.
5. Selecione um item dos seus serviços de dados disponíveis.
6. Para Escolher Atributo de Categoria escolha o item de gráfico primário 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.

7. 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 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.

8. 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, então clique no ícone 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 exibir um título para seu gráfico clicando no botão de alternar próximo a Título de 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 um texto do Rótulo de Categoria para o rótulo de cada ponto na dica de ferramenta e o texto Valor de Rótulo para o rótulo da métrica na dica de ferramenta.

Gráfico de dispersão

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

1. Arraste um cartão Gráfico sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Selecione o gráfico de linha clicando no botão de gráfico de dispersão.
4. Clique em (+) Adicionar Dados.
5. Selecione um item dos seus serviços de dados disponíveis.
6. Para Escolher Atributo de Eixo X, escolha o item de gráfico primário 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.

7. Selecione um atributo para o campo Escolhe Atributo de Eixo Y . Escolha um campo numérico para servir como uma métrica de valor para o seu 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.

8. 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, então clique no ícone 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 exibir um título para seu gráfico clicando no botão de alternar próximo a Título de 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 um Rótulo de Eixo X e aRótulo de Eixo Y para exibir em seu gráfico.

Gráfico JSON

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

1. Arraste um cartão Gráfico sobre uma linha existente.
2. Paire sobre o cartão e clique no botão de configurações para trocar para o modo de edição.
3. Selecione o título JSON
4. Insira seu JSON no campo Especificação do Gráfico de JSON .
5. Opcionalmente, na seção Opções você pode ativar ou desativar e personalizar as configurações do 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. Consulte a 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 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 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 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    }
  }
}

Gráfico de barras agrupado:

Nota: cada série irá 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"
    }
  ]
}

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

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 seu site.

1. A partir da seção Rodapé , selecione Personalizar.

   Um rodapé padrão aparece na página e uma caixa CSS aparece no painel lateral.

2. Clique no botão de configurações à direita inferior do rodapé para editar a HTML.
3. Clique no botão de configurações novamente para visualizar suas alterações.
4. Modifique a caixa CSS no painel lateral e clique em Aplicar Alteraçõespara visualizar os efeitos em sua HTML.

Dica:

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