Skip to main content

Displaying a Variable in a Basic Chart (Line Chart)

This widget allows you to visualize how your variable changes over time. It’s perfect for tracking trends, comparing multiple variables, or analyzing time-based performance.

Step-by-Step Instructions​

  1. Open Dashboards​

    In the top navigation bar, click on Data, then select Dashboards. This will open the dashboard management area.

    Ubidots Data menu open in the top bar with the Dashboards option highlighted

  1. Add a New Widget​

    Click the Add new Widget button (marked with a + icon).

    Empty Ubidots dashboard with the dashed Add new Widget tile and + button

  1. Choose a Widget Type​

    From the list of available widgets, scroll to the Charts section and choose a Line Chart.

    Add new widget panel showing the Charts section with the Line chart option

  1. Add a Variable​

    Click on + ADD VARIABLES, then:
    • Select your device
    • Choose the desired variable
    • Confirm the selection by clicking SELECT

    Widget SETTINGS tab with the + ADD VARIABLES link for selecting a device variable

  1. Configure Chart Settings​

    In the SETTINGS tab, configure options such as:
    • Aggregation Method
    • Span
    • Sample Period
    • Bar Width
    • ...

    Line chart SETTINGS tab with aggregation method, span, sample period, and type options

  1. Edit Y-Axis Settings​

    In the same SETTINGS tab, click the 1 Y-Axis button to adjust:
    • Axis name
    • Position
    • Value range
    • ...

    Edit Y-axis dialog with axis name, position, range, and SI prefix options

  1. Edit Widget Appearance​

    Switch to the APPEARANCE tab to modify visual elements such as:
    • X-axis label
    • Font
    • Date format
    • ...

    APPEARANCE tab with widget name, font, decimal points, date format, and color options

  1. Resize the Chart​

    Once the widget is added to your dashboard, resize it using the arrow icon in the bottom-right corner of the chart.

    Small humidity line chart on the dashboard with the resize handle in its bottom-right corner

  1. View Data Points​

    Hover over the chart line to view individual data values as tooltips.

    Humidity line chart with a hover tooltip showing timestamp and measured value

Video Tutorial​

tip

If you need further assistance or a visual demonstration of the process described in this guide, consult the Video Guide.