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 — config.telemetryKeys?.[0] || ""
• Threshold Mode — "").trim().toLowerCase() === "descending" ? "descending" : "ascending"
• Normal Threshold — config.normalThreshold === null || config.normalThreshold === undefined ? null : Number(config.normalThreshold
• Warning Threshold — config.warningThreshold === null || config.warningThreshold === undefined ? null : Number(config.warningThreshold
• Critical Threshold — config.criticalThreshold === null || config.criticalThreshold === undefined ? null : Number(config.criticalThreshold
• Line Width — 2) || 2, 8
• Line Color — "#1677ff"
• Normal Color — "#22c55e"
• Warning Color — "#f59e0b"
• Critical Color — "#ef4444"
• Curve Type — "monotone") as CurveType
• Show Threshold Lines — true
• Y Axis Min — config.yAxisMin === null || config.yAxisMin === undefined ? null : Number(config.yAxisMin
• Y Axis Max — config.yAxisMax === null || config.yAxisMax === undefined ? null : Number(config.yAxisMax

Source

• File — RangeChartWidgetConfig.tsx