Range Chart Widget

Overview

Range Chart Widget includes its own configuration fields in the widget configuration flow.

Configuration Fields

• Title
• Alias
• Devices
• Selected Device ID
• Selected Metric
• Threshold Mode
• Normal Threshold
• Warning Threshold
• Critical Threshold
• Line Width
• Line Color
• Normal Color
• Warning Color
• Critical Color
• Curve Type
• Show Points
• Show Threshold Lines
• Summary Metrics
• Y Axis Min
• Y Axis Max
• Global Keys
• Loading Devices
• Loading Keys

Defaults

• Title — ""
• Alias — null
• Selected Device ID — ""
• Selected Metric — (first telemetry key)
• Threshold Mode — "").trim().toLowerCase() === "descending" ? "descending" : "ascending"
• Normal Threshold — (none)
• Warning Threshold — (none)
• Critical Threshold — (none)
• Line Width — 2
• Line Color — "#1677ff"
• Normal Color — "#22c55e"
• Warning Color — "#f59e0b"
• Critical Color — "#ef4444"
• Curve Type — "monotone"
• Show Threshold Lines — true
• Y Axis Min — (none)
• Y Axis Max — (none)

Source

• File — RangeChartWidgetConfig.tsx