Back edit Edit This Example

Temperature Variations

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 }
])

© Arction Ltd 2009-2020. All rights reserved.