Heisenware Docs
Go to websiteGet a demo
  • 👋Welcome
  • Getting started
  • Release Notes
    • v84 - Get in the flow
    • v83 - Beauty treatment
    • v82 — Fully distributed
    • v81 — Removing old cruft
    • v80 — Chicks on fire
    • v79 — Nothing is forever
    • v78 — Keep moving
    • v77 — More intelligence
    • v76 — Well cooked
  • Build & Deploy Apps
    • Overview
    • Flow Builder
      • Nodes (Functions)
        • Inputs
        • Trigger
        • Output
      • Function Extensions
        • Modifier
        • Filter
        • Error handler
        • Memorizer
      • Objects & Instances
      • Utilities
        • Basic Functions
        • PDF functions
        • Circular buffer
        • Timer
        • Counter
    • Integrations
      • Protocol Connectors
        • GraphQL
        • HTTP/REST
        • MQTT
        • OPC UA
          • Heidenhain PLCs with OPC UA
        • RS-232/485
        • Siemens S7
      • Data Connectors
        • File
        • Relational Database
        • Time Series Database (WIP)
      • API Connectors
        • OGC SensorThings API
        • Operating System
        • Zebra RFID IoT Connector
      • Agent / (Edge Connector)
      • Calling Custom Code
    • UI Builder
      • Input Widgets
        • Form
        • File Upload
        • Photo
        • Signature
        • Barcode / QR-Code (WIP)
        • Document Scan (WIP)
      • Display Widgets
        • Chart
        • Chat
        • Circular Gauge
        • Data Grid
        • Linear Gauge
        • Map
        • Media View
        • Progress Bar
        • Sparkline
        • Status Lamp
        • Toast
        • Value Box
        • Kanban Board
        • Data Tiles
        • Pie Chart
        • Sankey
      • Buttons
      • Text Box
      • Images
      • Icons
    • Communication Interfaces
      • Email Notifications
      • OPC UA Server
    • Data & File Storage
      • Internal InfluxDB
      • Internal PostgreSQL
      • File Server
    • App Appearance
      • Pages
      • In-App Navigation
      • Screens & Devices
      • Theming
    • Simulation & Testing
      • Simulating Events
      • Simulating Data
    • PDF Templates
    • RAG-based Chatbot
    • Deployment
  • Manage Apps
    • Overview
    • Manage Apps
      • General Settings
      • Users and Access
      • Distribution & Versioning
    • Manage Integrations
    • Manage Account
      • Account Structure
      • Members
      • Workspaces
  • TUTORIALS
    • Build Your First Heisenware App
  • Connect Heidenhain CNC with OPC UA Support
  • Related links
    • Website
    • Privacy policy
    • Imprint
Powered by GitBook
On this page
  • Series
  • Chart Settings
  • Value Axis
  • Panes
  • Value Axes
  • Argument Axis
  • Legend
  • Data Settings
  • Interacting with the chart
  1. Build & Deploy Apps
  2. UI Builder
  3. Display Widgets

Chart

Last updated 2 months ago

The chart is a powerful data visualization widget capable of creating a large variety of visuals.

Series

A chart contains one or more series. A series is a collection of related data points, which can be visualized in different ways.

The chart widget offers 21 types of series, which can be selected in the Data Settings panel.

Chart Settings

The chart settings panel includes settings that apply to the entire widget, in particular visual and user interaction ones.

Some of the most important are:

  • Show value tooltips: Active by default, enables the tooltips that appear when hovering over a data point

  • Adjust on zoom:

  • Auto-hide point markers: When point markers are active, selecting this option hides them when the chart is too small

  • Enable crosshairs:

Value Axis

The value axis is the Y axis on a non-rotated chart, and represents numerical data.

You can add an unlimited number of value axes to a chart widget. Any series or pane can have multple (but at least one) value axes.

Panes

To add multiple, separate charts to a single instance of the widget, you can add panes.

Value Axes

Here you an add multiple value axes to a pane and edit them.

Constant lines

For each value axis you can add constant lines to mark a fixed value. The appearence of these lines is also customizable.

Argument Axis

The argument axis is the X axis on a non-rotated chart. Argument can be numbers, categories or datetime types.

A chart can only have one argument.

Legend

By default, a new chart will have a visible legend.

In the legend settings you can hide or reposition it, add a title and subtitle or change the position of the text with respect to the symbols.

Data Settings

All the series are added and managed in the data settings.

Here you can assign a data field to the argument axis, and create and edit any number of series, including:

  • Assign a value field

  • Select a series type

  • Name the series

  • Assign a series to a pane and value axis if you have more than one

  • Toggle data point markers and change their shape

  • Assign a tag field which will appear in the tooltip (if active)

  • Choose an aggregation

Interacting with the chart

On desktop, you can zoom the chart by scrolling with a mouse or trackpad.

  • If the cursor is on one of the axes, it zooms in only one dimension while leaving the other unchanged.

  • If the cursor is within the pane, the chart zooms in without warping and the zoom is centered on the cursor position.

On touch-enabled devices, you can zoom using the spread and pinch gestures and pan the chart using the drag gesture.

All types of single-series chart