Project Concept

This project will introduce the Time Series Chart Widget.

Following the steps in this guide, you will learn how to represent how a value from a remote IoT sensor changes over time in your UI.

We will teach you how to utilize the Time Series Chart Widget to display these values versus a timestamp.

Project Info

Type How To
Level Intermediate
Est. Time 30 Minutes
Published October 17, 2018
Author Jason Wyatt

You'll learn how to

    • Create a Mashup and add a Time Series Chart Widget
    • Create a Thing with a Property to be displayed in the Time Series Chart
    • Create a Value Stream and link it to your Thing to track changes to the Thing's Properties
    • Modify Property values with different timestamps
    • Link your Thing to Time Series Chart Widget
Register to Start Project

Things used in this project

Environment:

This guide may be completed within any environment where you have access to the ThingWorx Foundation server.

This includes both the 30-day hosted evaluation server, as well as the 120-day downloadable trial.

Software components:
Previous knowledge:

DISPLAY VALUES IN A TIME SERIES CHART

Outline
  • Step 1: Introduction
  • Step 2: Create Value Stream
  • Step 3: Create Thing
  • Step 4: Set TimeSeriesProperty
  • Step 5: Create Mashup
  • Step 6: Configure Chart
  • Step 7: Next Steps