Al configurar un indicador, encabezado, selectores o tabla (con formato avanzado), puede incluir un icono de gráficos vectoriales escalables (SVG). Un icono permite proporcionar a los elementos una identidad más exclusiva, alinear el cuadro de mando con algunos estándares específicos o proporcionar contexto adicional. Los iconos SVG están en un formato de imagen vectorial basado en XML y pueden crearse en cualquier editor de texto o mediante software de dibujo. Al visualizar y configurar un cuadro de mando, los iconos personalizados escalan con el tamaño del elemento. ArcGIS Dashboards incluye una biblioteca de iconos SVG entre los que elegir.
Iconos de SVG personalizados
También puede utilizar un icono de SVG personalizado. Al seleccionar un icono, expanda la sección Personalizado en el panel Seleccionar un icono e introduzca el código de SVG personalizado. Por ejemplo, al usar el siguiente código de SVG, puede crear un icono de SVG que se muestre como una serie de tres flechas en sentido antihorario. Se podría utilizar para indicar un trabajo en curso.
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="icons">
<path d="M13.91 9a6.003 6.003 0 0 1-5.658 4.987l-.347-1.992c.032.001.063.005.095.005a3.996 3.996 0 0 0 3.858-3h-1.749l2.75-3.912L15.61 9zm-8.668 1.877l-.002.002a3.945 3.945 0 0 1-.688-4.884l-1.809-.848a5.923 5.923 0 0 0 1.08 7.148L2.59 13.529l4.71.822-.82-4.711zm1.425-6.576l-.011-.067a3.97 3.97 0 0 1 4.575 1.43l1.194-1.697a5.941 5.941 0 0 0-6.119-1.718L6.018.607 2.64 3.994l4.33 2.03z" />
</svg>
La siguiente imagen muestra el aspecto de un indicador con el icono personalizado:
Sugerencia:
A continuación se incluyen consejos para crear un icono personalizado:
- Para un indicador, si no define un trazo o relleno en el código de SVG, puede configurarlos al crear el indicador en el cuadro de mando.
- Las imágenes en formato SVG pueden ser dinámicas e interactivas; no obstante, las animaciones basadas en secuencias de comandos no son compatibles y se quitarán en el cuadro de mando.
Símbolos HTML
Los símbolos HTML pueden mejorar la apariencia del cuadro de mando y proporcionar contexto. Por ejemplo, puede configurar un indicador para que muestre triángulos que permitan ver con más facilidad si los recuentos han aumentado o disminuido en comparación con los números de la semana anterior tal y como se muestra en la siguiente imagen:
Para incluir en un elemento un símbolo HTML que no se encuentra en su teclado, puede copiar el símbolo desde otro lugar directamente en el editor de texto enriquecido, o en otros campos de texto, como el texto superior o inferior en el indicador. También puede proporcionar el código de referencia decimal (dec) o hexadecimal (hex) del símbolo. Por ejemplo, para incluir el triángulo hacia arriba (▲), puede utilizar su código decimal ▲ o su código hexadecimal ▲.