Panel SVG

En esta sección, se describe el panel SVG.
dxisaas
El panel SVG se puede usar para agregar imágenes a los cuadros de mandos que están en formato Scalable Vector Graphics (SVG). Este panel solo admite un único valor. Para la serie temporal, el panel muestra solamente el último valor. Este panel está disponible en la sección
Visualization
de la ficha
Panel
.
En la ficha
Panel
, se pueden configurar los distintos valores de configuración para el panel SVG.Esta ficha se divide en las secciones siguientes:
Settings
En la sección
Settings
, configure las siguientes opciones del panel:
Campo
Descripción
Panel Title
Introduzca un título para el panel.
Description
Escriba una descripción.
Transparent
Active esta opción para mostrar el panel sin un fondo.
Display
En la sección
Display
, configure los siguientes valores de configuración para la visualización del panel de visualización:
Campo
Description
SVG Graphic
Escriba la definición del gráfico SVG. Se puede proporcionar la ruta SVG o la definición completa mediante las etiquetas
<svg>..</svg>
. Si se proporciona la ruta SVG, se respetan los valores de los campos View Box y Color Thresholds. Si se proporciona la definición completa, se respetan los valores de configuración del campo View Box, pero los del campo Color Thresholds, se ignoran.
El fragmento de código siguiente es un ejemplo de ruta SVG (valor de
d
en la definición):
M22 16.6579V21H15.2895V16.6579H22ZM19 2C20.1046 2 21 2.89543 21 4V7H19V4H3V13H5V15H3C1.89543 15 1 14.1046 1 13V4C1 2.89543 1.89543 2 3 2H19ZM13.7105 9V11.5526H7V9H13.7105Z
Si la imagen tiene varias partes, agregue los valores para cada parte separados por un espacio.
El fragmento de código siguiente es un ejemplo de definición de SVG completa:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M22 16.6579V21H15.2895V16.6579H22ZM19 2C20.1046 2 21 2.89543 21 4V7H19V4H3V13H5V15H3C1.89543 15 1 14.1046 1 13V4C1 2.89543 1.89543 2 3 2H19ZM13.7105 9V11.5526H7V9H13.7105Z" fill="#58606E"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 9H15.2895V15.0789H22V9ZM13.7105 13.1316H7V21H13.7105V13.1316Z" fill="#58606E"/> </svg>
View Box
Introduzca el tamaño del cuadro de vista del fragmento de código. Por ejemplo, introduzca 0 0 24 24, que es el valor de View Box.
Lower Color
El color predeterminado es rojo. El color se muestra cuando el valor está por debajo del umbral. Haga clic en el punto de color para editar este color.
Middle Color
El color predeterminado es naranja. El color se muestra cuando el valor está entre el umbral.Haga clic en el punto de color para editar este color.
High Color
El color predeterminado es verde. El color se muestra cuando el valor está por encima del umbral.Haga clic en el punto de color para editar este color.
Threshold Minimum
Introduzca el valor mínimo del umbral. Cuando el valor está por debajo de este valor de umbral, se muestra el color del campo Lower Color.
Threshold Maximum
Introduzca el valor máximo del umbral. Cuando el valor está por encima de este valor de umbral, se muestra el color del campo Higher Color.
Description
Escriba la descripción del panel.
Add Links
Introduzca
$series_valor
para resolver valores de serie en vínculos o introduzca una variable de plantilla.
Open in Next Tab
Active esta opción para abrir los vínculos especificados en una ficha nueva.
Show Series Value
Active esta opción para mostrar el valor de la serie.
  • Series Counter Size
    :
    • Small
    • Medium
    • Large
  • Value Color
    : El color de los datos. De forma predeterminada, el color negro (Black) está seleccionado. Para cambiar el color, haga clic en el punto en círculo.
Units
Introduzca la unidad. Esta unidad se muestra junto al valor de la serie.
Un panel puede tener su propio conjunto de direcciones URL, que se muestran en la esquina superior izquierda del panel. En la sección
Links
, se pueden agregar vínculos a los cuadros de mandos, a los paneles o a los sitios externos. Para obtener más información, consulte la sección .
Repeat Options
Es posible configurar el panel para que se repita para cada valor de la variable seleccionada. Para obtener más información, consulte la sección .