Skip To Content

Definir el diseño de su sitio

Una vez que haya configurado su sitio y agregado datos, puede utilizar el Editor del sitio para empezar a diseñar su sitio. El Editor del sitio es un editor de páginas completas que le proporciona una plantilla de sitio predeterminada que puede modificar para implementar la marca y los datos de su sitio, o eliminar completamente para empezar desde cero. Puede Definir el diseño de su sitio con tarjetas de arrastrar y soltar, definiendo un tema general y personalizando el encabezado y pie de página con Markdown o HTML personalizado.

Acceder al Editor del sitio

Use el Editor del sitio para comenzar a diseñar su sitio o volver en cualquier momento a realizar cambios.

  1. Inicie sesión en la aplicación administrativa Sites .
  2. Haga clic en la pestaña Sitios.
  3. Busque el sitio que desee editar seleccione Editor del sitio.

Configurar los ajustes del sitio

Dé un nombre al sitio, proporcione una descripción, y más. También puede configurar los ajustes y capacidades del sitio haciendo clic en la pestaña Sitios para acceder al Administrador de sitios.

  1. Abra el panel lateral y haga clic en Información del sitio.
  2. Proporcione un nombre en el campo Nombre del sitio.
  3. Proporcione información contextual del sitio en el campo Acerca del sitio.
  4. Proporcione un favicono opcional pegando una URL de imagen en el campo Favicono personalizado.
  5. Haga clic para activar Google Analytics.
  6. Haga clic para activar un Mapa base personalizado. Puede elegir el mapa que desee del menú desplegable.
  7. Haga clic en Capacidades en la parte superior del panel Personalizar para abrir el menú Capacidades. En este menú, puede activar las capacidades disponibles. Más información sobre las capacidades en Administrar capacidades del sitio.

Encabezado

Proporcione una URL de imagen o use CSS personalizado para identificar la barra de menú con su marca en la parte superior del sitio.

  1. Abra el panel lateral y haga clic en Encabezado. Usar logotipo y título del sitio para introducir un título y proporcionar una URL para el logotipo.
  2. Para dar nombre al sitio, seleccione Usar logotipo y título del sitio e introduzca un título en el campo de texto Título del sitio para colocar un título en el encabezado del sitio.
  3. Para colocar una imagen en el encabezado del sitio, pegue la URL de una imagen en el campo URL del logotipo.
  4. Si desea identificar con su marca el encabezado del sitio con HTML o CSS personalizado, seleccione Utilizar HTML/CSS personalizado.
  5. Modifique el cuadro de CSS del panel lateral y haga clic en Aplicar cambios para ver su código en acción.
Precaución:

El HTML del encabezado no admite JavaScript integrado. Se ignoran las etiquetas de script.

Nota:

El área de Mis datos e Iniciar sesión no se puede editar ni eliminar, a fin de mantener la funcionalidad del sitio.

Tema

Cree un tema para su sitio eligiendo los colores del encabezado, el texto y los botones del sitio.

  1. Para seleccionar un color para alguna de las siguientes opciones, introduzca un código de color o seleccione un color del selector junto al campo de código de colores.
    • El Color de fondo del encabezado aplica color al encabezado de su sitio.
    • El Color de texto del encabezado aplica color a todo el texto del encabezado.
    • El Color de fondo del cuerpo aplica color a las filas del sitio.
    • El Color de texto del cuerpo aplica color al texto de todo el sitio.
    • Sugerencia:

      El color del texto también se puede modificar por fila.

      El Color de vínculo del cuerpo aplica color a todos los vínculos del sitio.
    • El Color de fondo del botón aplica color a los botones que aparecen en su sitio.
    • El Color de texto del botón aplica color al texto de los botones que aparecen en su sitio.
  2. Después de definir los colores, haga clic en Aplicar cambios.
  3. También es posible aplicar fuentes al texto del encabezado y del cuerpo del sitio.
    • Para seleccionar una fuente para el cuerpo del sitio, haga clic en el icono de configuración Fuente base.
    • Para cambiar la fuente del encabezado del sitio, haga clic en el icono de configuración Fuente del encabezado.
Nota:

Para comenzar de nuevo o restituir los colores predeterminados, seleccione Restablecer a valores predeterminados en la parte inferior del menú Tema.

Diseño y tarjetas

El diseño básico de un sitio o página se organiza en filas y tarjetas. La tarjeta se debe colocar en una fila y no hay límite en cuanto a la cantidad de tarjetas que se pueden colocar en una fila. Para editar alguna tarjeta, haga clic en el botón de configuración. Para eliminar alguna tarjeta, haga clic en el botón de eliminar. Se pueden usar las siguientes tarjetas para crear su sitio: fila, banner, imagen, mapa web, texto, categoría, información de contacto, galería, iframe, detalles del evento, vista de lista de eventos, vídeo, redes sociales, estadísticas de resumen y gráfico.

Tarjeta de fila

Utilice filas para crear el diseño global de su sitio. Arrastre tarjetas desde el Editor del sitio para rellenar filas con tarjetas adicionales, como texto, imágenes y contenido multimedia.

  1. Arrastre una fila desde el Editor del sitio hasta el diseño.

    Aparecen marcadores en la página para guiarle.

  2. Sitúe el puntero sobre la fila y aparecerán tres botones a la derecha: flechas para mover la fila por la página, un botón de configuración para editar y un botón de eliminar para eliminar la fila.
  3. Haga clic en el botón de configuración para cambiar al modo de edición.
  4. Elija el Diseño de la fila seleccionando Cuadro o Ancho.Ancho muestra su contenido en toda la página, mientras que Cuadro muestra el contenido con un ancho fijo dentro de la fila.
  5. Defina el color del texto para esta fila concreta.
  6. Defina un color de fondo (el transparente es el predeterminado) o una imagen de fondo.
  7. Tiene la opción de agregar una imagen haciendo clic en Origen de imagen y seleccionando cargar un archivo de imagen o proporcionar una URL de imagen. Ambas opciones admiten JPG, JPEG y PNG.
    • Para cargar un archivo de imagen, seleccione Cargar imagen y arrastre el archivo al cuadro del Editor del sitio, o haga clic en Buscar imágenes para localizar y agregar su archivo. El tamaño de archivo máximo es de 3 MB.
    • También puede proporcionar una URL de imagen pegando el vínculo de una imagen compatible en el campo URL.
  8. Si se usa un archivo de imagen, puede personalizarlo haciendo clic en el botón de recorte y arrastrando un manipulador para cambiar el tamaño del marco de recorte. El marco de recorte se puede recolocar arrastrando por la línea de puntos. También puede hacer zoom ajustando el control deslizante en la parte inferior de la imagen y recolocando la imagen haciendo clic dentro del marco de recorte.
  9. Si agrega una imagen y un color de fondo, también puede ajustar la Transparencia de imagen en el menú Apariencia si introduce un porcentaje o con el control deslizante.
  10. Habilite Fondo fijo para otorgar un efecto de paralaje, de forma que el contenido se desplace a un ritmo diferente que la imagen de fondo.
  11. Opcionalmente, defina un punto para el Punto focal de imagen para garantizar el enfoque de la imagen según se ajusta a distintos tamaños de pantalla.

Tarjeta de banner

Utilice banners para agregar encabezados y barras de búsqueda de un sitio.

  1. Arrastre una tarjeta de Banner sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Introduzca un texto para el Título y Subtítulo.
  4. En el menú Buscar, haga clic en Mostrar barra de búsqueda para agregar una barra de búsqueda opcional al banner. Si lo desea, haga clic en Agregar la capacidad para buscar por ubicación para agregar una opción de búsqueda secundaria para que los usuarios filtren los resultados por ubicación.
  5. Si lo desea, agregue un texto de marcador de posición para que aparezca en las barras de búsqueda.
  6. En el menú Opciones, introduzca un valor para Altura mínima para definir la altura del banner. El valor debe ser mayor que cero.
  7. En el menú Imagen de fondo, puede optar por cargar un archivo de imagen o proporcionar una URL de imagen. Ambas opciones admiten JPG, JPEG y PNG.
    • Para cargar un archivo de imagen, seleccione Cargar imagen y arrastre el archivo al cuadro del Editor del sitio, o haga clic en Buscar imágenes para localizar y agregar su archivo. El tamaño de archivo máximo es de 3 MB.
    • También puede proporcionar una URL de imagen pegando el vínculo de una imagen compatible en el campo URL.
  8. Si se usa un archivo de imagen, puede personalizarlo haciendo clic en el botón de recorte y arrastrando un manipulador para cambiar el tamaño del marco de recorte. El marco de recorte se puede recolocar arrastrando por la línea de puntos. También puede ajustar el zoom debajo de la imagen con el control deslizante y recolocar la imagen haciendo clic dentro del marco de recorte.
  9. Tanto en el caso de cargar imágenes como en el de URL de imágenes, puede optar por seleccionar un punto para el Punto focal de imagen y así garantizar un área de enfoque en su imagen, independientemente de cómo aparezca en distintos tamaños de imagen.

Tarjeta de búsqueda

Agregue una barra de búsqueda para ayudar a las personas a encontrar fácilmente el contenido compartido en su sitio.

  1. Arrastre una tarjeta Buscar sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Proporcione texto de marcador de posición en el campo Buscar texto del marcador de posición. Por ejemplo, puede usar "Buscar por palabra clave" o "Buscar datos".
  4. Haga clic en la casilla de verificación Agregar la capacidad para buscar por ubicación para agregar una barra de búsqueda adicional para consultar una búsqueda basada en ubicación. También puede proporcionar texto de marcador de posición en el campo Texto del marcador de posición de la ubicación.

Tarjeta de imagen

Agregar imágenes cargándolas desde un archivo o proporcionando una URL de imagen. Las imágenes que se comparten internamente solo serán visibles para los usuarios que hayan iniciado sesión y pertenezcan al equipo o a la organización.

  1. Arrastre una tarjeta de Imagen a una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Elija un origen de imagen. Puede cargar un archivo de imagen o proporcionar una URL de imagen. Ambas opciones admiten JPG, JPEG y PNG.
    • Para cargar un archivo de imagen, seleccione Cargar imagen y arrastre el archivo al cuadro del Editor del sitio, o haga clic en Buscar imágenes para localizar y agregar su archivo. El tamaño de archivo máximo es de 3 MB.
    • También puede proporcionar una URL de imagen seleccionando URL de imagen y pegando el vínculo de una imagen compatible en el campo URL.
  4. Si se usa un archivo de imagen, puede personalizar imágenes cargadas haciendo clic en el botón de recorte y arrastrando un manipulador para cambiar el tamaño del marco de recorte. El marco de recorte se puede recolocar haciendo clic y arrastrando por la línea de puntos. También puede hacer zoom ajustando el control deslizante en la parte inferior de la imagen y recolocando la imagen aún más haciendo clic dentro del marco de recorte.
  5. En el menú Opciones, proporcione un texto alternativo de imagen para ayudar a los usuarios invidentes y mejorar la accesibilidad de su sitio.
  6. Proporcione un hipervínculo de imagen y seleccione que el vínculo se abra en la misma pestaña o en otra nueva.
  7. Proporcione texto para el Título de la imagen y seleccione la alineación del texto.
  8. Si lo desea, haga clic en Escalar imagen para rellenar para establecer un punto focal para la imagen. El punto focal garantiza que la imagen siga enfocada donde lo desee cuando el tamaño cambie en función de distintas pantallas.

Mapas web

Muestra mapas web en su sitio. Los mapas web se pueden compartir de forma privada. Tan solo aquellos usuarios que pertenezcan al equipo o a la organización podrán acceder a ellos cuando inicien sesión.

  1. Arrastre una tarjeta de Mapa web sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Haga clic en Encontrar un mapa web.
  4. Encuentre un mapa web buscando en Mis mapas, Mapas de Mi organización o Todos los mapas.
  5. Para mostrar un título para el mapa, haga clic en el botón de alternancia de Título.
  6. Defina una Altura (en píxeles) para el mapa.

Tarjeta de texto

Formatee el texto, agregue listas e inserte tablas. También puede utilizar HTML personalizado.

  1. Arrastre una tarjeta de Texto sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Agregue texto.
  4. Seleccione el texto que desea formatear. Entre las opciones de formato están: estilo (agregue encabezados, fragmentos de código y citas), negrita, cursiva y vínculos.
  5. Para ajustar la alineación del texto, haga clic en las opciones de párrafo y elija una alineación. También puede aplicar sangría o anularla en una línea de texto eligiendo la opción de párrafo y seleccionando o aplicar o anular sangría.
Nota:

Puede modificar el color del texto en la configuración de Tarjeta de fila.

Agregue una lista con viñetas o números

  1. Agregue texto o seleccione texto existente.
  2. Elija una lista sin ordenar para crear una lista con viñetas.
  3. Elija una lista ordenada para agregar una lista con números.

Insertar una tabla

  1. Haga clic en la opción de tabla.
  2. Seleccione el número de celdas que desea por fila y columna.
  3. Cuando haya seleccionado el tamaño de la tabla, haga clic para insertarla. Agregue o elimine filas o columnas haciendo clic dentro de una celda y eligiendo los botones para insertar o eliminar filas o columnas. Haga clic en el botón de eliminación para eliminar la tabla por completo.
Nota:

Para agregar un encabezado a la tabla, haga clic en la primera fila de la tabla y en el botón Activar encabezado de tabla. Gracias al encabezado, las personas que utilizan tecnologías de asistencia pueden navegar por el contenido de la tabla con mayor facilidad.

Insertar botones y tarjetas

  1. Haga clic en el botón Insertar.
  2. Elija entre las opciones siguientes:
    • Botón: agregue una llamada a la acción proporcionando vínculos a más información.
    • Tarjeta ancha: inserte una sola tarjeta para mostrar contenido, un vínculo a más información y una imagen.
    • Tarjetas: inserte varias tarjetas.
Nota:

Puede editar las imágenes proporcionando un vínculo a una imagen alojada en la Vista de código de la tarjeta.

Agregar HTML

Puede utilizar HTML para personalizar la apariencia del texto.

  1. Arrastre una tarjeta de Texto sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Haga clic en la opción Vista de código.
Precaución:

Por motivos de seguridad, las tarjetas de texto no admiten JavaScript integrado. Se ignoran las etiquetas de script.

Se permiten los siguientes elementos HTML:

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

Se permiten los siguientes atributos para dichos elementos:

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']

Tarjeta de categoría

Utilice categorías para agrupar los datasets de su sitio para que los usuarios puedan navegar rápidamente por el contenido disponible.

  1. Arrastre una tarjeta de Categoría sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Edite el texto de vínculo para su categoría.
  4. Seleccione o bien Usar consulta de etiquetas o bien Usar grupo.

    De este modo se determina qué datasets se devuelven en los resultados de búsqueda cuando los usuarios hacen clic en esta categoría.

    • Etiqueta: introduzca una consulta de etiqueta. .Todos los datasets que tengan esta etiqueta coincidente en su elemento de portal corporativo correspondiente aparecerán en los resultados de búsqueda.
    • Grupo: seleccione un grupo. Todos los datasets de este grupo aparecerán en los resultados de búsqueda.
  5. Elija un icono de la biblioteca:
    1. Seleccione Elegir un icono.
    2. Elija un icono del diálogo modal y haga clic en Seleccionar.

      El icono aparece en el panel lateral.

    3. Haga clic en el cuadro gris de la derecha del icono para elegir el color del icono.
  6. Utilice su propio icono:
    1. Proporcione una URL para su icono.
    2. Proporcione un texto alternativo para su icono, para ayudar a los usuarios invidentes y mejorar la accesibilidad de su sitio.
  7. Haga clic en Volver al editor del sitio para volver al panel lateral principal.
Sugerencia:

Los iconos personalizados se deben guardar como archivo .svg o como un archivo .png transparente. Los iconos se escalan a 120x120 píxeles.

Tarjeta de información de contacto

Proporcione información de contacto para enviar un mensaje de correo electrónico al propietario de los datos.

  1. Arrastre una tarjeta de Información de contacto sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Indique la dirección de correo electrónico de contacto y una línea de asunto de correo electrónico.

    Cuando los usuarios hacen clic en el correo electrónico en su página de inicio, se abre automáticamente su editor de correo electrónico.

  4. Haga clic en Volver al editor del sitio para volver al panel lateral principal.

Tarjeta de galería

Use la tarjeta de galería para mostrar aplicaciones, cuadros de mando, datasets, sitios, páginas, mapas web y documentos. La tarjeta de galería recupera automáticamente estos elementos de los grupos ArcGIS Online de su organización. Cuando agrega contenido a su organización o a un grupo concreto, aparecen nuevas teselas de aplicaciones en su sitio, sin tener que editar el diseño.

  1. Arrastre una tarjeta de Galería sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Seleccione lo que aparecerá en sus tarjetas haciendo clic en el menú desplegable Visualización y eligiendo mostrar contenido por tipo o seleccionando manualmente elementos individuales.
    • Para mostrar contenido en función del tipo, haga clic en Dinámico, y elija Aplicaciones, Cuadros de mando, Datasets, Sitios, Páginas, Mapas web o Documentos. La configuración adicional requiere que elija la cantidad de Tarjetas mostradas y desde qué grupo o etiqueta se consultarán.
      Sugerencia:

      Aplicaciones incluye los siguientes elementos: aplicaciones, formularios (Survey123) y aplicaciones de representación cartográfica en la red. Los tipos de Documentos compatibles son PDF, Microsoft Excel, Microsoft PowerPoint, iWork Keynote, iWork Pages, iWork Documents y documentos de Visio.

    • Para mostrar una mezcla de contenido, haga clic en Manual, seleccione contenido individualmente haciendo clic en Agregar contenido y seleccionando cualquier combinación de aplicaciones, datasets, sitios y páginas que pertenezcan a su organización.
      Sugerencia:

      Si optó por la visualización manual, puede reordenar la manera en que aparecen las tarjetas en el diseño ajustando la lista de tarjetas en el Editor del sitio. Haga clic en el nombre de una tarjeta para arrastrarla y soltarla en un nuevo lugar de la lista.

  4. En el menú desplegable Estilo, elija el aspecto de las tarjetas de galería con las siguientes opciones:
    • Imagen: elija entre iconos o miniaturas. ArcGIS OnlineEditor del sitioSitiosArcGIS OnlineMi contenidoEditar vista en miniaturaArcGIS OnlineDetalles del elementoContenidoDescripción generalEditar vista en miniaturaDetalles del elemento
    • Esquinas; elija entre esquinas cuadradas o redondeadas.
    • Texto del botón: tiene la opción de cambiar el nombre del botón Explorar introduciendo un nombre nuevo en el cuadro de texto.

Tarjeta iframe

Integre iframes y recursos externos.

Precaución:

No integre código de iframe de otro sitio web. Pegue solamente la URL que desea integrar.

  1. Arrastre una tarjeta de iframe a una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Proporcione la URL de su iframe y la altura del iframe.
  4. Agregue un título a su iframe.
  5. Habilite el desplazamiento activando Automático.
  6. Haga clic en Aplicar.
Nota:

Las URL de iframes que utilicen HTTP no aparecerán en el Editor del sitio, ya que utiliza HTTPS. Guarde y visualice el sitio para ver su iframe.

Tarjeta de vídeo

Agregue tarjetas de vídeos para integrar vídeos de YouTube, Vimeo o Facebook.

  1. Arrastre una tarjeta de Contenido multimedia sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Pegue una URL de un vídeo desde Facebook, Vimeo o YouTube en el campo URL del vídeo.
  4. En función del origen del vídeo, aparecen opciones adicionales que permiten configurar la visualización del vídeo:
    • Para vídeos de Facebook, seleccione Mostrar texto de la entrada para visualizar el número de Me gusta, comentarios, veces que se ha compartido y otros textos relacionados. Elija Mostrar siempre las leyendas para visualizar títulos de vídeos.
    • Para vídeos de Vimeo, seleccione Mostrar título del vídeo, Mostrar propietario del vídeo, Mostrar vista en miniatura del propietario del vídeo y Reproducción de vídeo en bucle.
    • Para vídeos de YouTube, seleccione Mostrar imagen de marca de YouTube y Reproducción de vídeo en bucle.
  5. Haga clic en el botón de copiar junto a URL del vídeo para guardar el vínculo en el portapapeles de tal forma que pueda reutilizarlo en cualquier otra parte de la aplicación.

Tarjeta de redes sociales

Comparta publicaciones y cronologías de redes sociales directamente en sus sitios con URL.

Publicación de Facebook

Visualice una única publicación para resaltar algo concreto.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier publicación de Facebook compartida de forma pública. Para copiar la URL correcta, haga clic en la marca de hora de la publicación (la fecha u hora de la esquina superior izquierda de la publicación) y, después, copie la nueva URL en el navegador antes de volver a editar el sitio.
  4. Si lo desea, haga clic en el botón de alternancia Mostrar texto de la entrada para mostrar el texto asociado con la publicación.

Cronología de Facebook

Muestre la Cronología, Eventos y Mensajes de una página de Facebook para explorar aún más.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier página de Facebook compartida de forma pública.
  4. Si lo desea, haga clic para alternar entre cualquier combinación de las siguientes opciones:
    • Las pestañas de la página de Facebook muestran una pestaña de Cronología bajo el encabezado de la página. Haga clic en esta opción si desea compartir su cronología junto con Eventos o Mensajes.
    • Eventos mostrará una vista de lista de tan solo las vistas de eventos de la página.
    • Mensajes permite que los usuarios escriban y envíen un mensaje al administrador de la página de Facebook con Facebook Messenger.
    • Usar encabezado grande aumenta el tamaño del encabezado de la página y agrega un botón de Enviar mensaje que vincula usuarios con Facebook Messenger.
    • Mostrar foto de portada muestra la foto de portada de la página.

Publicación de Twitter

Visualice una única publicación de Twitter para resaltar un tuit concreto.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier publicación de Twitter compartida de forma pública. Para obtener el vínculo de un único tuit, haga clic en el icono Más de la parte superior derecha de la publicación y seleccione Copiar vínculo al tuit.
  4. Si lo desea, haga clic para alternar entre cualquier combinación de las siguientes opciones en el menú Opciones:
    • Mostrar tema oscuro invierte el color de la visualización.
    • Seleccionar ancho del tuit para elegir el tamaño de la visualización de la publicación. Las opciones son Pequeño, Medio y Grande.
  5. Seleccionar posición del tuit para elegir entre alineación Izquierda, Centro o Derecha.

Cronología de Twitter

Visualice una cronología de Twitter por la que se puede desplazar.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier cronología de Twitter compartida de forma pública.
  4. Si lo desea, haga clic para alternar entre cualquier combinación de las siguientes opciones en el menú Opciones:
    • Seleccione altura de la colección eligiendo Predeterminado para que permanezca con la visualización actual o Expandido para mostrar más cronología.
    • Límite del tuit define la cantidad de tuits que se muestran en la cronología.
    • Mostrar tema oscuro invierte el color de la visualización.
    • Mostrar encabezado para mostrar un encabezado. Igualmente, seleccione Mostrar pie para mostrar un pie de página.
    • Mostrar borde para visualizar un borde alrededor de la cronología.
    • Mostrar fondo para eliminar el fondo.

Colección de Twitter

Muestre una colección de tuits en su sitio. Para obtener información sobre cómo crear una colección de Twitter, visite la documentación de Twitter Developer sobre cómo Organizar una colección de tuits.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier colección de Twitter compartida de forma pública.
  4. Si lo desea, haga clic para alternar entre cualquier combinación de las siguientes opciones en el menú Opciones:
    • Límite de tuits le permite definir un límite para el número de tuits que aparecen en la colección.
    • Altura expandida le permite mostrar más contenido de la colección a la vez.
    • Mostrar tema oscuro cambia el color del texto a blanco y aplica un fondo gris oscuro.
    • Mostrar encabezado muestra el título de la colección. Igualmente, seleccione Mostrar pie para mostrar un pie de página que proporcione vínculos a Integrar o Ver en Twitter.
    • Mostrar borde muestra un borde alrededor de la tarjeta.
    • Mostrar fondo aplica a la tarjeta un fondo blanco. Si también está seleccionado Mostrar tema oscuro, se aplicará un fondo gris oscuro.

Tarjeta de estadísticas de resumen

Utilice estadísticas de resumen para ofrecer datos de un vistazo sobre indicadores clave de rendimiento y más. Las estadísticas de resumen se generan a partir de una consulta de dataset y se actualizan automáticamente a medida que se actualiza el dataset. Tan solo los usuarios con acceso podrán resumir estadísticas después de iniciar sesión que se hayan generado con datos compartidos internamente.

  1. Arrastre una tarjeta de estadísticas de resumen a una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Haga clic en (+) Agregar datos, que abre un selector de elementos para buscar el servicio de datos que desee. Al editar el sitio, el vínculo de origen debajo de su estadística vinculará a la página de detalles del elemento para la página de vista previa del dataset.
  4. En Campo de estadísticas, elija un campo del servicio seleccionado. Este campo se utilizará en los próximos pasos.
  5. En Tipo de estadística, elija el tipo de operación que desea realizar en el campo seleccionado.
    • Para campos de texto y fecha, elija entre recuento, mínimo y máximo.
    • Para campos numéricos, elija entre recuento, suma, mínimo, máximo, media, desviación estándar y varianza.
  6. Si lo desea, agregue un filtro a sus estadísticas:
    1. Seleccione un atributo para usar en su filtro.
    2. Seleccione Agregar.
    3. Seleccione el cuadro del nuevo atributo para mostrar la entrada del filtro. El cuadro de entrada varía en función del tipo de campo.
    4. Introduzca el filtro deseado.
    5. Haga clic fuera del cuadro de filtro o pulse Intro en su teclado.
  7. Introduzca un título en el cuadro de texto Título.
  8. Si lo desea, introduzca texto para Texto final para proporcionar información sobre la estadística y cambie la configuración de Color de énfasis de la estadística.

Tarjeta de gráfico

Cree gráficos simples directamente a partir de sus datasets o introduzca su propio JSON de gráfico para crear un gráfico personalizado. Los gráficos creados con datos compartidos de forma privada solo serán visibles para los usuarios con acceso al equipo o a la organización cuando inicien sesión.

Gráfico de barras

Los gráficos de barras se crean a partir de consultas a un dataset seleccionado y se actualizan automáticamente a medida que se actualiza su dataset.

  1. Arrastre una tarjeta de Gráfico sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. El gráfico de barras se seleccionará de forma predeterminada.
  4. Haga clic en (+) Agregar datos.
  5. Seleccione un elemento de los servicios de datos disponibles.
  6. En Elegir atributo de categoría, seleccione el elemento gráfico principal de sus datos.

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  7. Puede optar por Elegir valor de atributo para seleccionar un campo numérico que se utilice como métrica de valor para su atributo de categoría. Cuando esté seleccionado, la operación estadística predeterminada de este campo es la suma. Puede modificar la Operación estadística con el desplegable que se encuentra a la derecha del selector Elegir valor de atributo. El atributo de valor admite Mínimo, Máximo, Suma, Media y Recuento. Si selecciona recuento, el valor de atributo se deselecciona (ya que no es necesario ningún campo adicional para hacer un recuento del atributo de categoría).

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  8. Haga clic en el menú Opciones para personalizar la visualización del gráfico con esta configuración:
    • La opción Ordenar le permite seleccionar cómo se visualizarán los datos de atributos. Seleccione un atributo y haga clic en el icono de ordenar junto al atributo para visualizar los datos en orden ascendente o descendente.
    • Defina un valor de altura (en píxeles) para su gráfico en el campo de texto Altura (px).
    • Opte por mostrar un título para el mapa haciendo clic en el botón de alternancia junto a Título del gráfico. Si se muestra un título, introduzca su nombre en el campo de texto que se proporciona y seleccione una alineación.
    • Defina el Color del gráfico principal introduciendo un código de colores o haciendo clic en el selector de color para seleccionar uno.
    • Introduzca texto para la Etiqueta de categoría y la Etiqueta de valor.

Gráfico circular

Los gráficos circulares se crean a partir de consultas a un dataset seleccionado y se actualizan automáticamente a medida que se actualiza su dataset.

  1. Arrastre una tarjeta de Gráfico sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Seleccione el gráfico circular haciendo clic en el botón del gráfico circular.
  4. Haga clic en (+) Agregar datos.
  5. Seleccione un elemento de los servicios de datos disponibles.
  6. En Elegir atributo de categoría, seleccione el elemento gráfico principal de sus datos.

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  7. Opcionalmente, en Elegir valor de atributo seleccione un campo numérico que se utilice como métrica de valor para su atributo de categoría. Cuando esté seleccionado, la operación estadística predeterminada de este campo es la Suma. Puede modificar la configuración de Operación estadística haciendo clic en la flecha desplegable que se encuentra a la derecha del selector Elegir valor de atributo. El atributo de valor admite Mínimo, Máximo, Suma, Media y Recuento. Si selecciona Recuento, se anula la selección del valor de atributo (ya que no es necesario ningún campo adicional para hacer un recuento del atributo de categoría).

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  8. Haga clic en el menú Opciones para personalizar la visualización del gráfico con esta configuración:
    • La opción Ordenar le permite seleccionar cómo se visualizarán los datos de atributos. Seleccione un atributo y haga clic en el icono de ordenar junto al atributo para visualizar los datos en orden ascendente o descendente.
    • Defina un valor de altura (en píxeles) para su gráfico en el campo de texto Altura (px).
    • Opte por mostrar un título para el mapa haciendo clic en el botón de alternancia junto a Título del gráfico. Si se muestra un título, introduzca su nombre en el campo de texto que se proporciona y seleccione una alineación.
    • Defina el texto de Etiqueta de categoría de la etiqueta de cada porción de la información sobre herramientas y el texto de Etiqueta de valor de la etiqueta de la métrica de la información sobre herramientas.

Gráfico de líneas

Los gráficos de líneas se crean a partir de consultas a un dataset seleccionado y se actualizan automáticamente a medida que se actualiza su dataset.

  1. Arrastre una tarjeta de Gráfico sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Seleccione el gráfico de líneas haciendo clic en el botón del gráfico de líneas.
  4. Haga clic en (+) Agregar datos.
  5. Seleccione un elemento de los servicios de datos disponibles.
  6. En Elegir atributo de categoría, seleccione el elemento gráfico principal de sus datos.

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  7. Opcionalmente, en Elegir valor de atributo seleccione un campo numérico que se utilice como métrica de valor para su atributo de categoría. Cuando esté seleccionado, la operación estadística predeterminada de este campo es la Suma. Puede modificar la configuración de Operación estadística haciendo clic en la flecha desplegable que se encuentra a la derecha del selector Elegir valor de atributo. El atributo de valor admite Mínimo, Máximo, Suma, Media y Recuento. Si selecciona Recuento, se anula la selección del valor de atributo (ya que no es necesario ningún campo adicional para hacer un recuento del atributo de categoría).

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  8. Haga clic en el menú Opciones para personalizar la visualización del gráfico con esta configuración:
    • La opción Ordenar le permite seleccionar cómo se visualizarán los datos de atributos. Seleccione un atributo y haga clic en el icono de ordenar junto al atributo para visualizar los datos en orden ascendente o descendente.
    • Defina un valor de altura (en píxeles) para su gráfico en el campo de texto Altura (px).
    • Opte por mostrar un título para el mapa haciendo clic en el botón de alternancia junto a Título del gráfico. Si se muestra un título, introduzca su nombre en el campo de texto que se proporciona y seleccione una alineación.
    • Defina el Color del gráfico principal introduciendo un código de colores o haciendo clic en el selector de color para seleccionar uno.
    • Defina el texto de Etiqueta de categoría de la etiqueta de cada punto de la información sobre herramientas y el texto de Etiqueta de valor de la etiqueta de la métrica de la información sobre herramientas

Gráfico de dispersión

Los gráficos de dispersión se crean a partir de consultas a un dataset seleccionado y se actualizan automáticamente a medida que se actualiza su dataset.

  1. Arrastre una tarjeta de Gráfico sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Seleccione el gráfico de dispersión haciendo clic en el botón del gráfico de dispersión.
  4. Haga clic en (+) Agregar datos.
  5. Seleccione un elemento de los servicios de datos disponibles.
  6. En Elegir atributo del eje X, seleccione el elemento gráfico principal de sus datos.

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  7. Seleccione un atributo para el campo Elegir atributo del eje Y. Elija un campo numérico que se utilice como métrica para su atributo de categoría.

    En los gráficos se pueden utilizar campos numéricos y de cadena de caracteres. De forma predeterminada, cuando seleccione un atributo de categoría, el gráfico resultante será un recuento de este atributo.

  8. Haga clic en el menú Opciones para personalizar la visualización del gráfico con esta configuración:
    • La opción Ordenar le permite seleccionar cómo se visualizarán los datos de atributos. Seleccione un atributo y haga clic en el icono de ordenar junto al atributo para visualizar los datos en orden ascendente o descendente.
    • Defina un valor de altura (en píxeles) para su gráfico en el campo de texto Altura (px).
    • Opte por mostrar un título para el mapa haciendo clic en el botón de alternancia junto a Título del gráfico. Si se muestra un título, introduzca su nombre en el campo de texto que se proporciona y seleccione una alineación.
    • Defina el Color del gráfico principal introduciendo un código de colores o haciendo clic en el selector de color para seleccionar uno.
    • Defina una Etiqueta del eje X y una Etiqueta del eje Y para mostrarlas en su gráfico.

Gráfico JSON

Los gráficos personalizados se crean a partir de un JSON con una especificación de gráfico específica.

  1. Arrastre una tarjeta de Gráfico sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Seleccione la tesela JSON.
  4. Introduzca su JSON en el campo Especificación de gráfico JSON.
  5. De forma opcional, en la sección Opciones puede habilitar o deshabilitar y personalizar la configuración del Título del gráfico y la Altura (en píxeles).

Especificación de JSON

La introducción de un JSON personalizado permite crear gráficos personalizados que aprovechan la biblioteca Cedar. Una especificación está compuesta por los siguientes componentes:

Datasets

El conjunto de datasets especifica una URL de servicio de entidades de ArcGIS y parámetros de consulta. Consulte la documentación de la API REST para obtener más información acerca de los 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" }] } } ]
}

Series

El conjunto de series permite especificar las asociaciones entre campos en la respuesta de servicio y los aspectos visuales del gráfico (ejes x,y, color y tamaño de gráficos de dispersión, y radio de gráficos circulares).

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

Excepciones

La propiedad de excepción permite especificar excepciones visuales, como el color o el posicionamiento, para todo el gráfico.

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

Especificación

La propiedad de especificación permite introducir una especificación Cedar completa para obtener un gráfico puramente personalizado. Vea ejemplos de especificaciones de gráficos existentes.

Ejemplos

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 horizontales:
{
  "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 agrupadas:

Nota: Cada serie se corresponderá con un 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 dispersión:
{
  "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 burbujas:
{
  "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 línea temporal:

Nota: La categoría debe ser un 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"
    }
  ]
}

Pie de página

De forma predeterminada, el Editor del sitio no tiene pie de página. Debe crear un pie de página personalizado para tener un pie de página persistente en todas las páginas del sitio.

  1. En la sección Pie de página , seleccione Personalizado.

    Aparece un pie de página predeterminado en la página y un cuadro de CSS en el panel lateral.

  2. Haga clic en el botón de configuración de la parte inferior derecha del pie de página para editar el HTML.
  3. Haga clic de nuevo en el botón de configuración para ver sus cambios.
  4. Modifique el cuadro de CSS del panel lateral y haga clic en Aplicar cambios para ver los efectos en su HTML.
Sugerencia:

El HTML del pie de página no admite JavaScript integrado. Se ignoran las etiquetas de script.