Definir el diseño de su sitio—Portal for ArcGIS | Documentación de ArcGIS Enterprise

Una vez que haya configurado su sitio y agregado datos, puede definir el diseño de la página de inicio y personalizar el encabezado y el pie de página. Todo esto se puede hacer desde la pestaña Editor del sitio. Esta pestaña le permite diseñar el sitio usando el editor proporcionado, Markdown o código HTML personalizado.

Información general

El editor del sitio es un editor de páginas completas que le proporciona una plantilla de sitio que puede modificar para implementar la marca y los datos de su sitio, o eliminar completamente para empezar desde cero. Sitúe el puntero sobre los elementos de la página para mover, redimensionar, editar o eliminar elementos, o haga clic en el icono de rueda dentada en la esquina superior izquierda para abrir el panel lateral del editor del sitio.

Configuración del encabezado

El encabezado del sitio se puede crear de dos maneras: utilizando una URL de logotipo y un título del sitio (simple) o utilizando HTML y CSS personalizados (avanzado).

Flujo de trabajo simple

Seleccione Usar logotipo y título del sitio.
Introduzca el título en Título del sitio.
Introduzca su imagen en URL del logotipo. Las imágenes se escalarán para adecuarse a la altura de 50 píxeles.

Flujo de trabajo avanzado

Seleccione Utilizar HTML/CSS personalizado.
Aparece un encabezado predeterminado en la página y un cuadro de CSS en el panel lateral.
Haga clic en el icono de rueda dentada de la parte superior derecha del encabezado para editar el HTML.
Haga clic de nuevo en el icono de rueda dentada para ver sus cambios.
Modifique el cuadro de CSS del panel lateral y haga clic en Aplicar cambiospara ver los efectos en su HTML.

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.

Constructor de temas

Determine el tema de su sitio con las siguientes opciones de color:

Color de fondo del encabezado: afecta al encabezado.
Color del texto del encabezado: afecta al texto del encabezado.
Color de fondo del cuerpo: afecta al color de las filas transparentes de la página de inicio y al color de fondo de página de los resultados de búsqueda y las páginas de los datasets.
Color del texto del cuerpo: afecta al color del texto normal de todo el sitio.
Color de vínculo del cuerpo: afecta al color de los vínculos y botones de todo el sitio y al estado de los vínculos con el puntero encima en el encabezado.

Sugerencia:

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

Layout Builder

El diseño básico de la página se organiza en filas y widgets. Un widget se debe colocar en una fila. No existe ningún límite respecto al número de widgets que se pueden colocar en una fila. Para editar cualquier tarjeta, haga clic en el icono de rueda dentada. Para eliminar cualquier tarjeta, haga clic en el icono de papelera.

Fila

Utilice filas para crear el diseño global y alojar los widgets.

Arrastre una fila desde el panel lateral a la página.
Aparecen marcadores en la página para guiarle.
Sitúe el puntero sobre la fila y aparecerán tres iconos a la derecha: flechas para mover la fila por la página, un icono de rueda dentada para editar y una x para eliminar la fila.
Haga clic en el icono de rueda dentada para cambiar al modo de edición.
Defina el color del texto para esta fila concreta.
Defina un color de fondo (el transparente es el predeterminado) o una imagen de fondo.
Haga clic en Volver al editor del sitio para volver al panel lateral principal.

Tarjeta de banner

Utilice banners para los encabezados y barras de búsqueda del sitio.

Arrastre un widget de banner a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Si lo desea, introduzca un encabezado y un subencabezado.
Si lo desea, proporcione una URL de imagen de fondo y defina una altura mínima.
Si lo desea, marque Mostrar barra de búsqueda para agregar una barra de búsqueda a este widget de banner.
Si lo desea, marque 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.
Si lo desea, agregue un texto de marcador de posición para que aparezca en las barras de búsqueda.
Haga clic en Volver al editor del sitio para volver al panel lateral principal.

Tarjeta de imagen

Puede utilizar imágenes en su diseño.

Arrastre un widget deimagen a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Proporcione una URL de imagen.
Proporcione un texto alternativo de imagen para ayudar a los usuarios invidentes y mejorar la accesibilidad de su sitio.
Si lo desea, proporcione un pie de foto.
Si lo desea, puede proporcionar un hipervínculo de imagen, que se abrirá en la Misma pestaña o en una Nueva pestaña.
Haga clic en Volver al editor del sitio para volver al panel lateral principal.

Tarjeta de texto

Agregue texto (Markdown y HTML) a su diseño.

Arrastre un widget de texto a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Introduzca texto Markdown o HTML en el widget de texto.
Haga clic en el icono de rueda dentada para ver el texto.

Precaución:

Por motivos de seguridad, los widgets 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.

Arrastre un widget de categoría a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Edite el texto de vínculo para su categoría.
Seleccione consulta de etiquetas o 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.
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.
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.
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.

Arrastre un widget de contacto a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
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.
Haga clic en Volver al editor del sitio para volver al panel lateral principal.

Tarjeta iframe

Integre iframes y recursos externos.

Arrastre un widget de iframe a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Proporcione la URL de su iframe y la altura del iframe.
Haga clic en Aplicar.

Precaución:

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

Sugerencia:

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

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

Arrastre un widget de gráfico a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
El gráfico de barras se seleccionará de forma predeterminada.
Haga clic en (+) Agregar datos.
Seleccione un elemento de los servicios de datos disponibles.
Seleccione Elegir atributo de categoría para seleccionar 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
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
De forma opcional, en la sección Opciones puede habilitar/deshabilitar y personalizar el Título del gráfico, la Altura (en píxeles), la Etiqueta de categoría del eje x y la Etiqueta de valor de la etiqueta del eje y.

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.

Arrastre un widget de gráfico a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Para seleccionar el gráfico circular, haga clic en el icono circular.
Haga clic en (+) Agregar datos.
Seleccione un elemento de los servicios de datos disponibles.
Seleccione Elegir atributo de categoría para seleccionar 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
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
De forma opcional, en la sección Opciones puede habilitar/deshabilitar y personalizar el Título del gráfico, la Altura (en píxeles), la Etiqueta de categoría de la etiqueta de cada porción de la información sobre herramientas y la Etiqueta de valor de la etiqueta de la métrica de la información sobre herramientas.

Gráfico JSON

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

Arrastre un widget de gráfico a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Seleccione la tesela JSON
Introduzca su JSON en el campo Especificación de gráfico JSON.
De forma opcional, en la sección Opciones puede habilitar/deshabilitar y personalizar el 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/tamaño de gráficos de dispersión, 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"
    }
  ]
}

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.

Arrastre un widget de estadísticas de resumen a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Haga clic en (+) Agregar datos, que inicia un selector de elementos para buscar el servicio de datos que desee.
Seleccione un Campo de estadísticas para elegir un campo del servicio seleccionado. Este campo se utilizará en los próximos pasos.
Seleccione un Tipo de estadística para elegir el tipo de operación que desea realizar en el campo seleccionado
- Para campos de texto y fecha: elija entre recuento, mínimo o máximo.
- Para campos numéricos: elija entre recuento, suma, mínimo, máximo, media, desviación estándar o varianza.
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 presione la tecla INTRO de su teclado.
Introduzca un Título.
Si lo desea, introduzca un Texto final y cambie el Color de énfasis de la estadística.

Tarjeta de galería

Utilice la tarjeta de galería para incluir contenido de aplicaciones de representación cartográfica en la red y de mapas web en su sitio. La tarjeta de galería recupera automáticamente aplicaciones y mapas web de los grupos de su organización. Cuando agrega contenido de aplicaciones y mapas a su organización o a un grupo concreto, aparecen nuevas teselas de aplicaciones en su sitio, sin tener que editar el diseño.

Arrastre un widget de tarjeta de galería a una fila existente.
Sitúe el puntero sobre el widget y haga clic en el icono de rueda dentada para cambiar al modo de edición.
Aparecen algunas opciones a la izquierda. Haga clic en Aplicaciones para ver todas las aplicaciones de su organización en la tarjeta de galería. Haga clic en Datasets para ver todos los datasets de su organización en la tarjeta de galería. Haga clic en Sitios para ver todos los sitios de su organización en la tarjeta de galería.
Ajuste el número que aparece en Número de tarjetas mostradas (el máximo es 16) para modificar la visualización.
Si lo desea, en la sección Mostrar solo, seleccione Grupo(s) y seleccione el grupo o grupos deseados para filtrar las aplicaciones.
En Etiquetas, agregue cualquier etiqueta para limitar la consulta. Solo aparecerán en la tarjeta de galería aquellos elementos que tengan esa etiqueta.
En Estilo, elija Utilizar iconos o Utilizar miniaturas para determinar qué estilo tendrá la tarjeta de galería.
Cambie el Texto del botón para controlar el botón. El texto predeterminado es explorar.

Configuración de 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.

En Configuración de 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.
Haga clic en el icono de rueda dentada de la parte inferior derecha del pie de página para editar el HTML.
Haga clic de nuevo en el icono de rueda dentada para ver sus cambios.
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.

Usar Markdown

Utilice Markdown en los widgets de texto para personalizar el texto de su sitio.

Hoja rápida de Markdown


Atributos	Sintaxis
Encabezado	# Texto aquí para un encabezado en el nivel 1 (el más grande) ## Texto aquí para un encabezado en el nivel 2 ###### Texto aquí para un encabezado en el nivel 6 (el más pequeño)
Cursiva	Este texto está en cursiva o _cursiva_
Negrita	Este texto está en negrita
Combinar cursiva y negrita	Combinar cursiva y* negrita*
Vínculo que muestra la dirección	http://www.esri.com Nota: No olvide el protocolo (HTTP o HTTPS) delante de sus URL
Vínculo que no muestra la dirección	[su texto con hipervínculo] (http://www.esri.com) Nota: No olvide el protocolo (HTTP o HTTPS) delante de sus URL
Viñetas	* Lo primero de una lista con viñetas * Lo segundo de una lista con viñetas
Lista ordenada	1. Lo primero de una lista numerada 1. Lo segundo de una lista numerada
Insertar imágenes	<img src="URL del origen de la imagen con HTTP o HTTPS"> Nota: Si tiene imágenes en su portal de Enterprise, también puede aprovechar las URL relativas como "../images/mi-increible-imagen"
Insertar imagen con hipervínculo	<a href="URL del vínculo con HTTP o HTTPS"><img src="URL del origen de la imagen con HTTP o HTTPS"></a>

¿Algún comentario sobre este tema?

Información general

Configuración del encabezado

Precaución:

Nota:

Constructor de temas

Sugerencia:

Layout Builder

Fila

Tarjeta de banner

Tarjeta de imagen

Tarjeta de texto

Precaución:

Tarjeta de categoría

Sugerencia:

Tarjeta de información de contacto

Tarjeta iframe

Precaución:

Sugerencia:

Tarjeta de gráfico

Diagrama de barras

Gráfico circular

Gráfico JSON

Especificación de JSON

Tarjeta de estadísticas de resumen

Tarjeta de galería

Configuración de pie de página

Sugerencia:

Usar Markdown

Hoja rápida de Markdown

Nota:

Nota:

Nota:

En este tema