Temperature Variations JavaScript Chart
The example shows the basic usage of Area Range series to display variation in temperature.
Range charts are generally used to show variations (low & high) simultaneously in the given period.
// Create a new ChartXY.
const chart = lightningChart().ChartXY()
// Add an area series with bipolar direction using default X and Y axes.
const areaRange = chart.addAreaRangeSeries()
The series accepts AreaPoint type of points either as an object in format{ position: number, high: number, low: number }
,
series.add({ position: 20, high: 45, low: -20 })
or via a factory that should be additionally imported.
series.add(AreaPoint(20, 45, -20))
Any number of points can be added with a single call.
// Single point.
series.add({ position: 20, high: 45, low: -20 })
// Multiple points at once.
series.add([
{ position: 20, high: 45, low: -20 },
{ position: 40, high: 95, low: 10 },
{ position: 60, high: 25, low: 60 },
])