Introducción Al Formato Avanzado en ArcGIS Dashboards

6/12/22, 16:13 Introducción al formato avanzado en ArcGIS Dashboards | Learn ArcGIS
Introducción al formato avanzado en ArcGIS Dashboards

Utilice Arcade y HTML para obtener nueva información y mostrar alertas en un panel.
Autor Duración
Noora Golabi 45min
Dado que las condiciones de mucho viento y sequedad son un problema constante en el estado de California, los funcionarios estatales realizan un seguimiento constante de
OES», por sus siglas en inglés) supervisa los cortes y los publica en un servicio web que indica la posible causa del fallo y el número de clientes afectados por el evento. Para pe
los funcionarios de los servicios públicos estén configurados para no simplemente mostrar los cortes de electricidad notificados, sino también para generar alertas e identificar
Con ArcGIS Dashboards, creará un cuadro de mando visualmente informativo para ver los cortes de electricidad. Al usar un formato avanzado en Arcade, podrá calcular la cant
notificados. Además, configurará una alerta que aparecerá cuando se notifique un nuevo corte.
Esta lección se analizó por última vez el miércoles, 20 de julio de 2022.
VER RESULTADO FINAL
Requisitos
Rol de Usuario, Publicador o Administrador en una organización de ArcGIS (consiga una prueba gratuita)
ArcGIS Dashboards
Plan de la lección
Crear un mapa para los cortes de electricidad
Cree un mapa de incidencias entrantes en directo para nutrir los elementos de su cuadro de mando. Configure los elementos emergentes para que muestren información clav
Crear un cuadro de mando para los cortes de electricidad
Cree un cuadro de mando con un mapa, una lista y dos indicadores. Utilice Arcade para extraer y visualizar información adicional importante.
Crear un mapa para los cortes de electricidad

El primer paso es crear el mapa que actuará como el enfoque geográfico del cuadro de mando. Creará un mapa web en ArcGIS Online con Visor de mapas y agregará la capa
y sus capas serán la fuente de datos de sus otros elementos de cuadro de mando.
Agregar capas a un nuevo mapa

En primer lugar, cree el mapa para su cuadro de mando en ArcGIS Online.
1. Inicie sesión en su cuenta de la organización de ArcGIS.

2. En la parte superior de la página, haga clic en Mapa para abrir un nuevo mapa.
Dependiendo de la configuración de usuario y de su organización, el visor de mapas predeterminado puede ser diferente. En esta lección se utiliza Visor de mapas. Si ha
Selector de aplicaciones.
3. En la barra de herramientas Contenido (oscura), haga clic en Agregar y luego en Servicio web.
https://learn.arcgis.com/es/projects/get-started-with-advanced-formatting-in-arcgis-dashboards/ 1/19
4. En la sección Detalles de capa, copie y pegue el siguiente servicio web en el campo URL:
https://services.arcgis.com/BLN4oKB0N1YSgvY8/arcgis/rest/services/Power_Outages_(View)/FeatureServer/0
Nota:
Esta capa muestra la información de seguimiento de los cortes de electricidad de la Oficina del Gobernador sobre Servicios de Emergencia del Estado de California («
Los cortes de electricidad de esta capa se extraen directamente de los mapas de cortes de electricidad de los servicios públicos, y la capa se actualiza automáticamente
California Edison, San Diego Gas & Electric, Sacramento Municipal Utility District (SMUD) y Los Angeles Department of Water and Power (LADWP).
Capas incluidas en este dataset:
Incidencias de corte de electricidad: capa de puntos que muestra datos de todos los servicios públicos y es mejor para mostrar una ubicación general del corte y
Áreas con cortes de electricidad: capa poligonal que muestra la extensión geográfica aproximada del corte eléctrico.
Cortes de electricidad por condado: esta capa resume el total de clientes afectados por condado. Esta capa es útil para mostrar el impacto de los cortes de electri
5. Haga clic en Agregar al mapa.
El mapa muestra ahora los cortes de electricidad de California. Dado que los datos se actualizan con frecuencia, definirá un intervalo de actualización para la capa.
6. En la sección Intervalo de actualización del panel Propiedades, active el conmutador Actualizar capa automáticamente.
7. Escriba 15 para el número de minutos.
Esto coincide con el intervalo al que se actualiza la capa.
8. En la barra de herramientas Contenido, haga clic en Mapa base.

9. En el panel Mapa base, elija Calles (noche).
Aplicar estilo a la capa

Un corte de suministro representa un evento, ya sea programado o el resultado de un fallo, que provoca una interrupción del servicio a los clientes. Las ubicaciones de los cort
predeterminada, los incidentes del mapa se clasifican como planificados y no planificados. Esta es una buena forma de clasificar los datos, pero se puede aplicar un estilo a la c
1. En la barra de herramientas Contenido, haga clic en Capas.
2. En el panel Capas, haga clic en la capa Power Outages (View) - Power Outage Incidents.
3. En la barra de herramientas Configuración (clara), haga clic en Estilos.
4. En el panel Estilos, haga clic en Opciones de estilo para el estilo Tipos (símbolos únicos).
5. En Tipo de corte, haga clic en el símbolo de No planificado.
6. En Estilo de símbolo, en Símbolo actual, haga clic en Punto básico.
7. En Cambiar símbolo, en el menú desplegable Categoría, elija Firefly. Seleccione un color rojo y haga clic en Hecho.
8. Haga clic en el símbolo de Planificado, elija un símbolo Firefly verde y haga clic en Aceptar.
9. En las Opciones de estilos, haga clic en Hecho para terminar de aplicar estilo a la capa y, a continuación, haga clic en Hecho para cerrar el panel Estilos.
Ahora que los dos tipos de corte se han simbolizado de forma más clara, aplicará el clustering para visualizar concentraciones de cortes de suministro.
10. En la barra de herramientas Configuración, haga clic en Clustering.
11. En el panel Clustering, active el botón de alternancia Habilitar clustering y arrastre el control deslizante del clúster hacia Bajo para ajustar Radio de clúster.
Se actualiza el estilo de la capa Power Outages (View) – Power Outage Incidents.
Configurar elementos emergentes

Los elementos emergentes son útiles para resumir un punto de datos determinado en el mapa. De forma predeterminada, la mayoría de elementos emergentes muestran todo
del corte, el tiempo de resolución estimado y la empresa de servicios públicos asociada. Configurar los elementos emergentes de la capa le permite personalizar la informació
1. En el panel Capas, asegúrese de que la capa Power Outages (View) - Power Outage Incidents esté seleccionada y, en la barra de herramientas Configuración, selecci
Se mostrará el panel Elementos emergentes.
2. En el panel Elementos emergentes, haga clic en Título y escriba Corte de electricidad: {IdIncidencia}.
3. Haga clic en el botón Opciones de la Lista de campos y elija Eliminar.
4. Haga clic en Agregar contenido y elija Texto.
Aparece el editor de texto. En el editor, puede utilizar una combinación de texto estático y campos de atributos para crear un elemento emergente personalizado.
5. En el editor, escriba { y elija Clientes afectados.
El campo {ImpactedCustomers} se agrega al campo de texto.
6. Después de {ImpactedCustomers}, escriba un espacio seguido del siguiente texto:
clientes afectados. Se espera que el suministro se reanude {FechaRestablecimientoEstimada}.
Causa: {Causa}.
Póngase en contacto con {EmpresaServiciosPúblicos} para obtener más información.
7. Haga clic en Aceptar para guardar los cambios y cerrar el editor.

8. En el mapa, acérquese para ver los cortes individuales.
9. Haga clic en un corte del mapa para visualizar los elementos emergentes.
Si hace clic en un grupo, verá el elemento emergente predeterminado del clúster.
10. En la barra de herramientas Contenido, haga clic en Guardar y abrir y seleccione Guardar como.
Aparece la ventana Guardar mapa.
11. En la ventana Guardar mapa, en Título, escriba Mapa de cortes de electricidad de California y agregue sus iniciales para que el nombre del mapa sea único en su organ
12. En Etiquetas, escriba California, electricidad, cortes.
13. En Resumen, escriba Un mapa de los cortes de electricidad de California para usar en un cuadro de mando.
14. Haga clic en Guardar mapa.
Crear un cuadro de mando para los cortes de electricidad

Con ArcGIS Dashboards, puede crear un cuadro de mando que permita a los usuarios ver rápidamente los cortes de electricidad y la información relevante sobre ellos. Dashbo
visualizar datos que no están disponibles en la capa de entidades. La primera información que extraerá es la duración del corte, que representa el tiempo total en horas y minu
que extraerá es el Índice de impacto de la fiabilidad (comúnmente conocido como SAIDI, el Índice de duración de interrupción media del sistema), que representa el número t
Crear el cuadro de mando

1. Si es necesario, abra el mapa web Mapa de cortes de electricidad de California.
2. En la barra de herramientas Contenido, haga clic en el botón Crear aplicación y elija Dashboards.
ArcGIS Dashboards se abre en una pestaña nueva.
Los campos Título y Etiqueta ya están rellenados según los detalles del elemento del mapa web.
3. En Resumen, escriba Este cuadro de mando muestra los cortes de electricidad planificados y no planificados actuales del Estado de California.
4. Haga clic en Crear cuadro de mando.
ArcGIS Dashboards abre un cuadro de mando recién creado con el elemento de mapa Cortes de electricidad de California. Hará que el tema del cuadro de mando sea o
5. En la barra de herramientas del cuadro de mando, haga clic en el botón Tema
6. En Diseño, para Tema, haga clic en Oscuro.
A continuación, configure un elemento de lista con los colores elegidos visibles en un fondo oscuro.
Configurar el elemento de lista

El primer elemento que agregará a su cuadro de mando es una lista. Una lista resulta útil para mostrar entidades, en este caso, cortes de electricidad. Con un formato avanzad
1. En el panel Diseño, haga clic en Agregar elemento y elija Lista.
2. En la ventana Seleccionar una capa, haga clic en Power Outages (View) - Power Outage Incidents.
3. En la pestaña Datos, en la sección Ordenar por, haga clic en Agregar campo y elija Fecha/hora de inicio.
4. Haga clic en Orden descendente.
Su lista se ordenará para mostrar los cortes de electricidad más recientes en la parte superior.
5. Haga clic en la pestaña Lista.
La lista muestra el campo OBJECTID de cada punto de datos. Sin embargo, el OBJECTID no le dice nada sobre el corte. Aunque ya hay alguna información disponible e
de Arcade. Arcade es un lenguaje de expresión flexible que le permite trabajar con datos en tiempo real en ArcGIS. Puede utilizarArcade Arcade para realizar cálculos de
de Arcade utilizando el editor de expresiones de Arcade.
6. En Opciones de lista, haga clic en Habilitar junto a Formato avanzado.
Aparece el editor de Arcade.
Nota:
Una vez habilitado el formato avanzado, las propiedades definidas por el sistema no estarán disponibles. Todo el formato de visualización de la lista se realiza median
La sección Expresión es donde se crea la expresión. Las pestañas Globales y Funciones son donde se encuentran los elementos que utilizará en la expresión. La pestañ
le da acceso a los campos de sus datos. En la pestaña Funciones se accede a la biblioteca de funciones de Arcade. Puede hacer clic en el botón de información situado j
de Arcade, calculará el tiempo transcurrido entre el momento en que se agregó el informe y la hora actual. Para ello, cree una variable para la hora en la que se notificó
7. En la pestaña Expresión, en el cuadro de texto, elimine la expresión actual.

8. En el cuadro de texto, escriba var dateOpened =.
9. Haga clic después del signo igual, agregue un espacio y haga clic en la pestaña Globales.
10. Haga clic en la variable $datapoint.StartDate y, a continuación, haga clic en la pestaña Expresión.
Esta línea define el valor StartDate como la hora de notificación del corte.
11. Haga clic después de StartDate y pulse Intro para empezar una línea nueva.
En la siguiente línea, definirá la segunda variable, que es la hora actual.
12. Escriba var currentTime =.

13. Haga clic en la pestaña Funciones y desplácese hacia abajo hasta la función Ahora.
14. Haga clic en la función Ahora y luego en la pestaña Expresión.
Esto agrega la función a la expresión. La función Now() devuelve la fecha y hora actuales.
var dateOpened = $datapoint.StartDate
var currentTime =Now()
A continuación, utilizará las dos variables definidas para calcular el tiempo transcurrido utilizando la función DateDiff. La función DateDiff resta dos fechas y devuelve la
15. Empiece una nueva línea y escriba var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes');
Ahora, el editor de Arcade debe tener el aspecto siguiente:
Este cálculo devuelve cuántos minutos ha estado activo un corte de electricidad. Sin embargo, hay veces en las que los cortes duran horas o incluso días. En estos casos
utilizando una función escrita en Arcade para mostrar minutos, horas y días.
16. Puede que observe que el panel de código es un poco estrecho. Haga clic en Expandir para expandir el panel de código.
Ahora puede ver más de cada línea.
A continuación, agregará una función para dar formato al tiempo transcurrido.
17. Pulse Intro dos veces y copie y pegue la siguiente instrucción de función:
//Define the function name.
function formatElapsedTime(numMinutes)
//The elapsed time of an outage is not always a whole number.
numMinutes = Floor(Abs(numMinutes));
//Using the Floor function, you can round down the time to number of hours and days.
var numHours = Floor((numMinutes/60),0);
var numDays = Floor((numMinutes/(60*24)),0);
//Using a When logic function, you can append the unit prefix to the value.
var elapsedTime = When(
numHours < 1, numMinutes + 'm',
numDays < 1, numHours + 'h ',
numDays + 'd '
);
return elapsedTime;
Nota:
Consulte los comentarios (los comentarios empiezan por //) en la expresión para revisar qué hace cada parte de la función.
La función redondea a la baja el número de minutos para obtener números enteros y, a continuación, utiliza una división truncada en los minutos redondeados para cal
Ahora definirá su variable final de duración del corte. Esta línea crea una variable denominada timeFormatted que contiene los resultados de la función formatElapsedTi
transcurrido.
18. Agregue otra línea después de la función y escriba var timeFormatted = formatElapsedTime(minutesOpened);
Después de calcular la duración del corte, ahora puede calcular el índice de impacto en la fiabilidad. El índice de impacto en la fiabilidad se determina calculando el núm
19. Agregue otra línea y escriba var reliabilityIndex = Floor(($datapoint["ImpactedCustomers"]/minutesOpened),2);
Esta nueva variable toma el punto de datos Impacted Customers y lo divide por la variable minutesOpened creada anteriormente. Dado que este valor probablemente s
puntos decimales.
Ahora que tiene el valor de índice de impacto en la fiabilidad, puede determinar qué cortes son más graves o necesitan atención más inmediata. Para que sea más fácil d
índice de impacto en la fiabilidad mayor que 1.
20. Agregue otra línea y escriba var severityColor = IIF(reliabilityIndex > 1, '#C22E00', '#363636')
La variable utiliza la función IFF, que devuelve un valor determinado, en este caso, un color, si una condición es verdadera, y otro distinto si el valor es falso. En este caso
contrario, el color será gris.
Una vez que tenga sus variables finales, timeFormatted, reliabilityIndex y severityColor, las devolverá en la expresión. Esto le permite referirse a ellas en la plantilla de ele
21. Agregue una línea y escriba lo siguiente al final de la expresión:
return {
attributes: {
timeFormatted: timeFormatted,
reliabilityIndex: reliabilityIndex,
severityColor: severityColor
El editor de Arcade tendrá este aspecto:
El código completo es:
var dateOpened = $datapoint.StartDate
var currentTime =Now()
var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes');
//Define the function name.
function formatElapsedTime(numMinutes)
//The elapsed time of an outage is not always a whole number.
numMinutes = Floor(Abs(numMinutes));
//Using the Floor function, you can round down the time to number of hours and days.
var numHours = Floor((numMinutes/60),0);
var numDays = Floor((numMinutes/(60*24)),0);
//Using a When logic function, you can append the unit prefix to the value.
var elapsedTime = When(
numHours < 1, numMinutes + 'm',
numDays < 1, numHours + 'h ',
numDays + 'd '
);
return elapsedTime;
var timeFormatted = formatElapsedTime(minutesOpened);
var reliabilityIndex = Floor(($datapoint["ImpactedCustomers"]/minutesOpened),2);
var severityColor = IIF(reliabilityIndex > 1, '#C22E00', '#363636')
return {
attributes: {
timeFormatted: timeFormatted,
reliabilityIndex: reliabilityIndex,
severityColor: severityColor
22. Haga clic en el botón Hecho en la parte inferior de la ventana.

23. En el panel Opciones de lista, desplácese hacia abajo por debajo del cuadro de texto Expresión y, en Plantilla de elemento de línea, haga clic en Fuente.
Dashboards permite utilizar HTML personalizado para dar formato a los elementos de la lista. Junto con el formato avanzado, esto le permite crear visualizaciones perso
elementos de línea, puede utilizar la expresión que acaba de crear junto con HTML para dar formato a la visualización de cada elemento de la lista.
24. Elimine la línea <p>{OBJECTID}</p>.

25. Copie y pegue lo siguiente en el editor:
<div style="background-color:#363636; border-left:3px solid white; padding:0.4rem 0.3rem 0.3rem 0.6rem">
<p><span style="font-size:16px; opacity:1">Time elapsed: {expression/timeFormatted}</span></p>
<p><span style="font-size:14px; opacity:1; padding:1px">{UtilityCompany} - {County}</span></p>
<p><span style="background-color:{expression/severityColor}; border-radius:5px; font-size:14px; opacity:1; padding:1px 6px">SAIDI: {expression/reliabilityIndex}</span
</div>
La primera etiqueta, <div style>, determina el elemento de línea de estructura. En div style, puede determinar el color de fondo, el borde y el relleno del elemento de lín
Las siguientes líneas que utilizan la etiqueta de párrafo, <p>, determinan el formato de cada tipo de información incluido en el elemento de línea. Para su lista, desea m
fiabilidad.
Para cada etiqueta <p>, se determina el estilo usando la etiqueta <span style> y cualquier propiedad de estilo. En la etiqueta <p> se determina el texto que se muestra
"Tiempo transcurrido:" y lo sigue con la expresión de tiempo transcurrido.
26. Haga clic en Fuente para obtener una vista previa del formato de la lista.
27. Haga clic en Hecho.
Cada elemento de la lista muestra ahora el tiempo transcurrido, la empresa de servicios asociada y el valor del Índice de impacto en la fiabilidad (SAIDI). Cuando el valor
Configurar el indicador del corte

Ahora que tiene una lista que detalla los cortes de electricidad notificados, el siguiente paso consiste en agregar un indicador. El indicador ofrece un resumen rápido del núme
referencia, un formato avanzado y un HTML personalizado, creará una alerta para cuando se haya notificado un corte.
1. En el panel Diseño, haga clic en Agregar elemento y haga clic en Indicador.

2. En la ventana Indicador Seleccionar una capa, haga clic en Power Outages (View) - Power Outage Incidents.
Aparece la ventana Indicador.
3. En la pestaña Datos, expanda la sección Referencia.

4. En Tipo de referencia, elija Estadística.
El valor de referencia se utilizará para determinar cuándo se notifica una nueva interrupción. Filtre el valor para incluir solo los cortes de los últimos 5 minutos. Esto esta
5. En la sección Referencia, haga clic en + Filtro.

6. Haga clic en la lista desplegable Campo para la condición y, a continuación, en Fecha/hora de inicio.
7. Para el operador, elija dentro de los últimos.
8. Para el valor, introduzca 5 y, para la unidad, elija minutos.
Ahora que tiene el valor de referencia, use el formato avanzado para configurar la alerta de datos que se agregará al título del indicador.
9. Haga clic en la pestaña Indicador.

10. En Formato avanzado, haga clic en Habilitar.
Mediante Arcade, cree la variable que se utilizará para determinar cuándo se muestra la nueva alerta de corte de electricidad utilizando una función lógica IFF. Su condic
notificados en los últimos 5 minutos es mayor que cero, el mensaje será visible. Si no, estará oculto.
11. En el editor, después de las primeras líneas que definen las variables, agregue una línea y escriba var visibility = IIF($reference.count_ObjectID > 0, 'visible', 'hidden').
A continuación, devuelva la condición de visibilidad y el resto de lo que muestra el indicador. Cree también el mensaje que desea que se muestre cuando haya un nuevo
minutos".
12. En el editor, elimine el bloque de código que va de return { a la última línea.

13. Copie y pegue lo siguiente en su lugar:
return {
middleText: $datapoint["count_ObjectID"],
middleTextMaxSize: 'large',
bottomText:'Active outages',
bottomTextMaxSize: 'medium',
attributes: {
visibility: visibility,
message: 'New outage reported in the last 5 mins'
La declaración return es donde se definen las diferentes propiedades del indicador. Para este indicador, solo está usando las áreas de texto central e inferior. También pu
verdadera.
Sugerencia:
Puede definir todas las partes de un indicador con formato avanzado. Estas propiedades son aquellas que, de lo contrario, se definirían mediante los ajustes de config
pueden definir, consulte Formato avanzado en un indicador.
14. Desplácese hacia abajo por debajo del bloque de código y expanda la sección Iconos.
15. Haga clic en + Agregar.
16. Expanda la sección Soluciones y elija el icono que representa la potencia.
Sugerencia:
Si su organización tiene un icono o gráfico estándar usado para la visualización de información, puede utilizar un icono SVG personalizado para visualizarlo.
Ahora que se ha configurado el indicador, puede agregar la alerta de corte que aparecerá cuando se informe de una corte.
17. Haga clic en Aceptar.

18. Haga clic en la pestaña General.
19. En el panel Opciones generales, en la sección Título, haga clic en Editar.
20. En el editor de texto enriquecido, haga clic en Fuente.
21. Copie y pegue lo siguiente en el editor:
<div style="background-color:#de290033; border-left:2px solid #de2900; box-shadow:0 4px 6px 0 hsla(0,0%,0%,0.2); color:##de2900; margin-bottom:0.4rem; margin-left:0.4
<span style="font-size:16px">{expression/message} </span>
</div>
En este caso, se utiliza HTML para definir las propiedades de estilo del mensaje. La primera etiqueta, <div style>, determina la estructura. Dentro de la etiqueta <div styl
mediante la expresión de visibilidad creada anteriormente.
22. Haga clic en Fuente para obtener una vista previa del mensaje.
Su indicador de cortes muestra ahora el número total de cortes activos del estado.
Cuando se notifica un corte ocurrido en los últimos 5 minutos, el mensaje de alerta aparece en la parte superior.
Configurar el indicador de impacto en los clientes

El último elemento que agregará es un indicador que resume el número de clientes afectados por los cortes de electricidad, desglosados según si el corte estaba planificado o
1. En el panel Diseño, haga clic en Agregar elemento y haga clic en Indicador.

2. En la ventana Indicador Seleccionar una capa, haga clic en Power Outages (View) - Power Outage Incidents.
3. En la pestaña Opciones de datos, en Estadísticas, elija Suma. En Campo, elija Clientes afectados.
4. Expanda la sección Referencia y, para Tipo de referencia, elija Estadística.
Aparecen más opciones en la sección Referencia.
5. En Filtro, haga clic en + Filtrar.

6. En la lista desplegable Campo para la condición, elija Tipo de corte.
7. Confirme que se haya seleccionado igual como operador. En la pestaña Valor, elija Planificado.
8. Para Estadística, elija Suma. En Campo, elija Clientes afectados.
Ahora tiene el valor y los valores de referencia para utilizar en la visualización de su indicador. En este caso, el valor es el número total de clientes afectados y el valor de
9. Haga clic en la pestaña Indicador.
Los valores, los valores de referencia y los cálculos predefinidos se pueden integrar directamente en la visualización del indicador utilizando llaves {} o el botón Campos
10. En el panel Opciones de indicador, introduzca lo siguiente:

En Texto superior, escriba Clientes afectados.
En Texto central, escriba Total:{value}.
En Texto inferior, escriba Planificado: {reference} No planificado: {difference}.
11. Expanda la sección Formato de valor.

12. Desactive el Prefijo de unidad.
Esto le permite ver los valores exactos para los clientes afectados.
La visualización del indicador se rellena ahora con el número total de clientes afectados, junto con la cantidad afectada por cortes planificados y no planificados.
Preparar el cuadro de mando para la visualización

Una vez creados todos los elementos del cuadro de mando, el siguiente paso es organizarlos de forma legible.
1. Pase el cursor por el elemento de la lista para ver la opción Arrastrar elemento.
2. Haga clic en el botón Arrastrar elemento y arrastre el elemento de la lista hacia el lado izquierdo del cuadro de mando y acóplelo al borde izquierdo del cuadro de ma
3. Arrastre y acople el indicador Cortes activos en el lado derecho del cuadro de mando.
4. Arrastre y acople los indicadores Clientes afectados debajo del indicador Cortes activos.
A continuación, ajustará el tamaño de cada elemento para sea más visible.
5. Pase el cursor por encima del borde izquierdo de la columna del indicador para obtener un cursor de cambio de tamaño y arrastre la columna para agrandar el mapa y
6. Si es necesario, cierre el panel Diseño para obtener una mejor vista previa de sus cuadros de mando.
7. En la barra de herramientas del cuadro de mando, si es necesario, haga clic en Diseño. En el panel Diseño, haga clic en la pestaña Encabezado y haga clic en Agregar e
De forma predeterminada, el título del encabezado coincide con el título de su cuadro de mando. Dado que el título de su cuadro de mando es adecuado para el encab

9. Para guardar su cuadro de mando, en la barra de herramientas del cuadro de mando, haga clic en Guardar y elija Guardar.
En esta lección, ha creado un mapa de los cortes de electricidad y un cuadro de mando que le permite ver rápidamente los cortes del estado de California. Mediante el format
disponibles. Además de visualizar información nueva, ha podido configurar una alerta para cuando se produzcan cortes. Poder ver los cortes a medida que ocurren puede ayu
problemas de un modo más eficiente.
Encontrará más lecciones en la Galería de lecciones de Learn ArcGIS.
Agradecimientos
Información de seguimiento de los cortes de electricidad de la Oficina del Gobernador sobre Servicios de emergencia del Estado de California («Cal OES», por sus sigla
Envíenos sus comentarios

Envíenos sus comentarios sobre esta lección. Explíquenos qué le ha gustado y qué no. Si hay algo de la lección que no funcionó, háganos saber qué fue y en qué parte de la
comentarios.
Share and repurpose Learn ArcGIS content

Sharing and reusing Learn ArcGIS lessons are encouraged. Learn ArcGIS material is governed by a Creative Commons license (CC BY-SA-NC). See the Terms of Use page for d
¿Desea aprender más?

Formación relacionada de Esri
Creación de ArcGIS Dashboards
Empiece a trabajar con ArcGIS Dashboards y aprenda a configurar sus propios cuadros de mando.
MÁS INFORMACIÓN
Cómo utilizar expresiones de Arcade en ArcGIS Dashboards
En este curso, aprenderá a utilizar expresiones de Arcade para crear visualizaciones atractivas y acceder a fuentes de datos derivados para mejorar el uso y la
interpretación de su cuadro de mando.
MÁS INFORMACIÓN
ArcGIS Arcade: introducción
Introducción a Arcade: una nueva manera de escribir las expresiones que funcionan en ArcGIS. En esta sesión, averiguaremos qué es Arcade (y qué no es), por qué se ha
creado y cómo empezar a utilizarlo en sus proyectos.
MÁS INFORMACIÓN

Introducción Al Formato Avanzado en ArcGIS Dashboards - Learn ArcGIS

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Introducción Al Formato Avanzado en ArcGIS Dashboards - Learn ArcGIS

Cargado por

Copyright:

Formatos disponibles

6/12/22, 16:13 Introducción al formato avanzado en ArcGIS Dashboards | Learn ArcGIS

Esta lección se analizó por última vez el miércoles, 20 de julio de 2022.

VER RESULTADO FINAL​

Crear un mapa para los cortes de electricidad

Crear un cuadro de mando para los cortes de electricidad

Crear un mapa para los cortes de electricidad

Agregar capas a un nuevo mapa

1. Inicie sesión en su cuenta de la organización de ArcGIS.

Capas incluidas en este dataset:

5. Haga clic en Agregar al mapa.

Esto coincide con el intervalo al que se actualiza la capa.

8. En la barra de herramientas Contenido, haga clic en Mapa base.

Aplicar estilo a la capa

1. En la barra de herramientas Contenido, haga clic en Capas.

5. En Tipo de corte, haga clic en el símbolo de No planificado.

6. En Estilo de símbolo, en Símbolo actual, haga clic en Punto básico.

10. En la barra de herramientas Configuración, haga clic en Clustering.

Se actualiza el estilo de la capa Power Outages (View) – Power Outage Incidents.

Configurar elementos emergentes

Se mostrará el panel Elementos emergentes.

3. Haga clic en el botón Opciones de la Lista de campos y elija Eliminar.

4. Haga clic en Agregar contenido y elija Texto.

5. En el editor, escriba { y elija Clientes afectados.

El campo {ImpactedCustomers} se agrega al campo de texto.

6. Después de {ImpactedCustomers}, escriba un espacio seguido del siguiente texto:

clientes afectados. Se espera que el suministro se reanude {FechaRestablecimientoEstimada}.

Póngase en contacto con {EmpresaServiciosPúblicos} para obtener más información.

7. Haga clic en Aceptar para guardar los cambios y cerrar el editor.

Aparece la ventana Guardar mapa.

14. Haga clic en Guardar mapa.

Crear un cuadro de mando para los cortes de electricidad

Crear el cuadro de mando

ArcGIS Dashboards se abre en una pestaña nueva.

5. En la barra de herramientas del cuadro de mando, haga clic en el botón Tema

6. En Diseño, para Tema, haga clic en Oscuro.

Configurar el elemento de lista

1. En el panel Diseño, haga clic en Agregar elemento y elija Lista.

4. Haga clic en Orden descendente.

6. En Opciones de lista, haga clic en Habilitar junto a Formato avanzado.

Aparece el editor de Arcade.

7. En la pestaña Expresión, en el cuadro de texto, elimine la expresión actual.

En la siguiente línea, definirá la segunda variable, que es la hora actual.

12. Escriba var currentTime =.

var dateOpened = $datapoint.StartDate

var currentTime =Now()

Ahora puede ver más de cada línea.

A continuación, agregará una función para dar formato al tiempo transcurrido.

//Define the function name.

//The elapsed time of an outage is not always a whole number.

var numHours = Floor((numMinutes/60),0);

var numDays = Floor((numMinutes/(60*24)),0);

var elapsedTime = When(

numHours < 1, numMinutes + 'm',

numDays < 1, numHours + 'h ',

numDays + 'd '

19. Agregue otra línea y escriba var reliabilityIndex = Floor(($datapoint["ImpactedCustomers"]/minutesOpened),2);

21. Agregue una línea y escriba lo siguiente al final de la expresión:

El editor de Arcade tendrá este aspecto:

El código completo es:

var dateOpened = $datapoint.StartDate

var currentTime =Now()

var minutesOpened = DateDiff(currentTime, dateOpened, 'minutes');

VER RESULTADO FINAL

¿Desea aprender más?