Hola usuario redes ,
Te voy a compartir un ejemplo muy sencillo para explicar el concepto.
Primero se pueden definir 2 expresiones de Arcade muy similares:
Texto Cantidad:
var cantidad = Count(Filter($layer, "ID_activo = " + $feature["ID_activo"]));
var resultado = "";
If (cantidad == 1) {
resultado = "No critico (1)";
} else if (cantidad == 2) {
resultado = "Semicritico (2)";
} else if (cantidad == 3) {
resultado = "Critico (3)";
} else if (cantidad > 3) {
resultado = "Grave (" + cantidad + ")";
} else {
resultado = "Sin encuestas";
}
return resultado;
y Color:
var cantidad = Count(Filter($layer, "ID_activo = " + $feature["ID_activo"]));
var resultado = "#FFFFFF";
If (cantidad == 1) {
resultado = "#948B54";
} else if (cantidad == 2) {
resultado = "#568CD6";
} else if (cantidad == 3) {
resultado = "#94CF4F";
} else if (cantidad > 3) {
resultado = "#F60400";
} else {
resultado = "#FFFFFF";
}
return resultado;
Luego se debe entrar a la configuración de la ventana emergente, cambiando la visualización a "Una Visualización de atributo personalizado" y oprimir "CONFIGURAR":
En la ventana de configuración cambiar a HTML:
Luego pegar el siguiente código HTML (expr1 hace referencia a la expresión del color y expr0 al texto😞
<table>
<tbody>
<tr>
<td bgcolor="#F7F7F7" width="60px">Estado</td>
<td align="center" bgcolor="{expression/expr1}" width="120px">{expression/expr0}</td>
</tr>
</tbody>
</table>
El resultado se va ver así: