Consulte el siguiente vídeo sobre cómo añadir el widget a un mashup y configurar las propiedades básicas del widget. Para abrir el vídeo en una nueva ficha, pulse en el título en el reproductor.

En el widget de gráfico de líneas se muestra una serie de puntos de datos conectados por líneas en el mashup.

Además del gráfico de líneas, se puede utilizar la propiedad ChartType del widget para visualizar los datos mediante una de las siguientes variantes de gráfico:

Gráfico de ejecución

Un tipo de gráfico de líneas que permite visualizar los datos relativos a las unidades de tiempo. Este tipo de gráfico se puede utilizar para supervisar los cambios con el tiempo, detectar tendencias y ciclos, y medir el impacto de eventos específicos en los datos. Cuando se selecciona este tipo de gráfico, la propiedad CurveFitting del widget se define en Monotone-X, lo que hace que las curvas de las líneas entre puntos de datos sean más suaves.

Gráfico de pasos

El gráfico de datos permite conectar puntos de datos mediante líneas horizontales y verticales perpendiculares. Este tipo de gráfico es útil si se desea realzar un tiempo específico cuando se produce un cambio en el valor.

Gráfico de áreas

En un gráfico de áreas, el espacio entre la línea y el eje se rellena mediante el color de la serie de datos. Por defecto, las series de datos se muestran una encima de la otra. La propiedad SeriesStacking del widget se puede utilizar para apilar todas las series de datos y mostrar el valor total de todas ellas en el gráfico.

Gráfico de dispersión

En el gráfico de dispersión se muestran los puntos de datos como puntos sin líneas de conexión. Este tipo de gráfico es útil cuando se desea ver la correlación entre dos o más series de datos.

Gráfico de flujos

Un gráfico de flujos es un tipo de gráfico de áreas en el que se muestran datos relativos a un eje central. El tamaño de la forma de cada serie de datos en cualquier fecha específica es proporcional al valor. Este tipo de gráfico se puede utilizar para analizar los cambios realizados en una serie de datos en relación con los datos totales del gráfico.

Se debe crear una infotable con definiciones de campo que representen la estructura de los datos del gráfico. La infotable debe incluir una definición de campo para los valores de los ejes X e Y. Se pueden añadir varias series de datos añadiendo columnas adicionales con definiciones de campo para los valores de la serie de datos. Cada fila de la infotable representa una categoría en el eje X y sus valores del eje Y correspondientes. En la siguiente tabla se muestra el formato de los datos de la infotable:

Para las opciones de control de zoom de intervalo, se debe crear una infotable que se componga de dos campos: rótulo y duración. El tipo base de los datos de los dos campos debe ser STRING. En la siguiente imagen se muestra el formato de los datos devueltos de un servicio de datos:

Los valores que se pueden utilizar en el campo duration y el rango que representan son los siguientes:

Para enlazar el gráfico a un origen de datos, realice lo siguiente:

Los datos se muestran ahora en el gráfico. Cada columna adicional de la infotable enlazada se muestra como una serie de datos.

Después de enlazar un origen de datos, se recomienda añadir un rótulo mediante las propiedades Label, XAxisLabel e YAxisLabel.

También se puede configurar mediante propiedades adicionales. Por ejemplo:

Se puede añadir un eje secundario a fin de representar dos medidas diferentes para una categoría en el eje X mediante la propiedad SecondYAxis. Se puede utilizar el eje secundario para mostrar los datos de una o más series de datos. Por ejemplo, se puede trazar una serie de datos en el eje secundario de un gráfico de columnas para mostrar un valor de porcentaje.

Cuando NumberofSeries se define en un número fijo, se muestra una propiedad DataFieldN y UseSecondAxisSeriesN para cada una de las series de datos. Por defecto, todas las series de datos se muestran en el eje Y principal. Para mostrar una serie de datos en el eje Y secundario, active la propiedad UseSecondAxisSeriesN.

Para añadir un eje Y secundario al gráfico, enlace una infotable que contenga dos o más columnas con valores de datos.

Para especificar los datos del eje secundario manualmente, realice los siguientes pasos:

El eje secundario está configurado y aparecen los datos. Después de añadir un eje secundario, se puede realizar una de las siguientes acciones:

En la siguiente figura se muestra un widget de gráfico de líneas con un eje Y secundario. En el eje X se muestra un rango de fechas y en cada eje Y se muestra un tipo de datos de medida para cada fecha.

El formato del eje X se define en Date/Time y los ejes Y se definen en números mediante las propiedades YAxisFormat y SecondYAxisFormat.

En la siguiente tabla se enumeran las propiedades que se pueden utilizar para activar y configurar el eje Y secundario:

Los widgets de gráfico de líneas se basan en la biblioteca de JavaScript D3, en la que se incluye soporte para múltiples funciones que controlan cómo se representan las líneas en un gráfico de líneas. En ThingWorx, se puede utilizar la propiedad CurveFitting dentro de los widgets que soportan un gráfico de líneas para configurar cómo se dibujan las líneas. En la siguiente lista se describen las opciones disponibles para esta propiedad.

Lineal: línea poligonal que conecta los puntos de datos mediante líneas rectas.

Base: spline de base cúbica que utiliza los puntos de control especificados. El primer y el último puntos se triplican de forma que la spline comienza en el primer punto y termina en el último punto, y es tangente a la línea entre los puntos primero y segundo y a la línea entre los puntos penúltimo y último.

Fibrado: spline de base cúbica alisada mediante los puntos de control especificados, con la spline alisada según un valor de curva beta definido en 0,5.

Cardinal: spline cardinal cúbico que utiliza los puntos de control especificados, con diferencias de un lado utilizadas para la primera y la última pieza. El valor de tensión se define en 0,5.

Catmull-Rom: spline catmull-Rom cúbico que utiliza los puntos de control especificados y un parámetro alfa definido en 0,5.

X monótono: spline cúbica que conserva la monotonicidad en el eje Y y supone la monotonicidad en el eje X. Con esta línea se crean curvas suaves que pasan a través de un conjunto de puntos de datos sin oscilaciones falsas.

Y monótono: spline cúbica que conserva la monotonicidad en el eje X y supone la monotonicidad en el eje Y. Con esta línea se crea una curva suave que pasa a través de un conjunto de puntos de datos sin oscilaciones falsas.

Natural: spline cúbica natural con la derivada segunda de la spline definida en cero en los puntos finales de los datos.

Paso: línea que consta de líneas horizontales y verticales alternas.

Para obtener más información sobre estas opciones, consulte la documentación de la biblioteca D3 en GitHub:

En la siguiente tabla se enumeran las propiedades que están disponibles en ThingWorx 9.4 y versiones posteriores:

En la siguiente tabla se enumeran las propiedades que están disponibles en ThingWorx 9.3.5 y versiones posteriores:

En la siguiente tabla se enumeran las propiedades que están disponibles en ThingWorx 9.3.3 y versiones posteriores:

En la siguiente tabla se enumeran las propiedades que están disponibles en ThingWorx 9.3.2 y versiones posteriores:

En la siguiente tabla se enumeran las propiedades que están disponibles en ThingWorx 9.2 y versiones posteriores:

Las propiedades del widget de gráfico de líneas se muestran a continuación.