Trabajar con widgets > 3D > Indicador 3D
  
Indicador 3D
¿Qué hace este widget?
El widget de Indicador 3D combina las funciones de widget de imagen y texto en el lienzo 3D de una experiencia de RA. Tras arrastrar el widget de Indicador 3D y soltarlo en el lienzo, se muestran una imagen y un texto por defecto que se pueden actualizar. Formatos de fichero soportados:
.png
.jpg, .jpeg
.svg
.gif
.bmp
¿Cuándo se aconseja utilizar este widget?
Para mostrar una propiedad de una cosa conectada en un indicador 3D. Por ejemplo, para mostrar la temperatura del motor de un generador, la propiedad EngineTemp se enlaza al indicador.
¿Hay propiedades, servicios, eventos o acciones especiales?
Para ver una lista de propiedades, servicios y eventos comunes de widgets, consulte Propiedades, servicios y eventos comunes de widgets.
La tabla siguiente es una lista de propiedades específicas de este widget.
Propiedad
JavaScript
Tipo
Descripción
Texto
text
string
Texto que aparece en el widget.
Recurso
src
resource url
La ruta a la imagen que se utiliza para el indicador 3D. Por defecto, se define en vu_gauge1.svg.
Para incluir un indicador 3D, se puede realizar una de las acciones siguientes:
Pulse en junto al campo para añadir un nuevo fichero de imagen.
Escriba o copie y pegue el URL de la imagen en el campo.
Seleccione una imagen del menú desplegable.
Formatos de fichero soportados:
.png
.jpg
.svg
.jpeg
.gif
.bmp
Fuente
font
string
Tipo de fuente. Por defecto, se define en Arial.
Tamaño de fuente
fontsize
string
Tamaño de la fuente en píxeles. Por defecto, se define en 40 px.
Atributos de texto
textattrs
string
Atributos del texto:
Relleno
Texto de línea base
Alineación de texto
Activar formato basado en estado
enableStateFormatting
boolean
Permite aplicar formato al widget según las definiciones de estado que se hayan establecido en ThingWorx.
Si la casilla está seleccionada, aparecen las propiedades siguientes:
Campo dependiente
Definición de estado
Para obtener más información sobre las definiciones de estado y de estilo en ThingWorx, consulte Definiciones de estado y de estilo en el ThingWorx Centro de ayuda.
Campo dependiente
stateFormatValue
string
Esta propiedad está visible si se selecciona la casilla de verificación Activar formato según estado. Para obtener más información sobre las definiciones de estado y de estilo en ThingWorx, consulte Definiciones de estado y de estilo en el ThingWorx Centro de ayuda.
Definición de estado
stateFormat
boolean
Esta propiedad está visible si se selecciona la casilla de verificación Activar formato según estado. Para obtener más información sobre las definiciones de estado y de estilo en ThingWorx, consulte Definiciones de estado y de estilo en el ThingWorx Centro de ayuda.
Coord. X de texto con relación a lienzo
textx
number
Ubicación del texto en el eje X respecto al lienzo.
Coord. Y de texto con relación a lienzo
texty
number
Ubicación del texto en el eje Y respecto al lienzo.
Escala
scale
string
Escala del indicador.
Coordenada X
x
number
Ubicación del indicador en el eje X.
Coordenada Y
y
number
Ubicación del indicador en el eje Y.
Coordenada Z
z
number
Ubicación del indicador en el eje Z.
Rotación X
rx
number
Rotación del indicador en torno al eje X.
Rotación Y
ry
number
Rotación del indicador en torno al eje Y.
Rotación Z
rz
number
Rotación del indicador en torno al eje Z.
Coord. X de imagen con relación a lienzo
imagex
number
Ubicación del indicador en el eje X respecto al lienzo.
Coord. Y de imagen con relación a lienzo
imagey
number
Ubicación del indicador en el eje Y respecto al lienzo.
Corrección de crecimiento de lienzo
canvasgrowthoverride
string
Para decidir si se corrige el tamaño del lienzo. Seleccione una de las siguientes opciones:
El lienzo crece con el tamaño del texto: el tamaño del lienzo cambia a medida que el texto se hace más grande o más pequeño.
El lienzo crece con el tamaño de la imagen: el tamaño del lienzo cambia a medida que la imagen se hace más grande o más pequeña.
El lienzo crece con el tamaño de la imagen y el texto (por defecto): el tamaño del lienzo cambia a medida que la imagen o el texto se hacen más grandes o más pequeños (un valor mayor entre el texto y la imagen anulará el tamaño del lienzo).
Sin corrección: el lienzo mantendrá el tamaño definido por las propiedades Altura del lienzo y Anchura del lienzo.
Altura del lienzo
canvasheight
number
Altura del lienzo.
Anchura del lienzo
canvaswidth
number
Ancho del lienzo.
Cartel
billboard
boolean
Hace girar un widget alrededor de su centro de forma que siempre esté encarado al visualizador. Se alinea con la pantalla.
Oclusión
occlude
boolean
Si se selecciona esta casilla, la geometría de un widget es invisible, pero al mismo tiempo oculta cualquier otro aumento detrás de la escena 3D.
Así pues, en lugar del widget obstruido aparecen el fondo o el avance de la cámara. Esta opción puede utilizarse para realzar aumentos ocultando la geometría 3D circundante.
Siempre arriba
decal
boolean
Superpone la geometría de los widgets en cualquier otro aumento de la escena sea cual sea su profundidad en la escena 3D. Si se define en , nunca lo ocultan otros aumentos. Suele utilizarse en etiquetas o sensores que siempre deben estar visibles.
Opacidad (1 opaco - 0 transparente)
opacity
number
Número entre 0 y 1 que controla el nivel de transparencia del objeto. 0 = completamente transparente; 1 = completamente opaco.
Giro
pivot
select
Determina el punto de giro de la imagen:
Arriba a la izquierda
Arriba en el centro
Arriba a la derecha
En medio a la izquierda
En medio en el centro
En medio a la derecha
Abajo a la izquierda
Abajo en el centro
Abajo a la derecha
Altura
height
number
Altura del indicador en metros.
Anchura
width
number
Ancho del indicador en metros.
Widget en acción
A continuación se ofrece un ejemplo del aspecto que puede tener el widget.
Pasos mínimos para utilizarlo
Aspecto
1. Arrastre un widget de Indicador 3D y suéltelo en el lienzo.
2. En el panel Datos, busque una entidad que tenga un servicio con una propiedad numérica.
3. Tras haber añadido el servicio, arrastre una propiedad numérica bajo Elemento seleccionado actual y suéltela en el widget; a continuación, seleccione Texto en la ventana Seleccionar destino de enlace.
* 
En el panel Datos, debe seleccionarse Invocar al inicioServicios > Configuración.