Several AxesXY

Several Axes XY chart

This example shows creation of a Chart with 2 XY Axes. This Chart can be used to compare or see several graphs

Here's the creation of a 2 XY Axes Chart.

// Create Chart.
const chart = lightningChart().ChartXY()
// Get references to default axes X and Y
const axisX1 = chart.getDefaultAxisX()
const axisX1 = chart.getDefaultAxisY()
// Create extra axes X and Y
const axisX2 = chart.addAxisX({
    opposite: true,
})
const axisX2 = chart.addAxisY({
    opposite: true,
})
// Create series with explicit axes.
const splineSeries1 = chart.addSplineSeries({
    xAxis: axisX1,
    yAxis: axisY1,
})
const splineSeries2 = chart.addSplineSeries({
    xAxis: axisX2,
    yAxis: axisY2,
})
// Set values of sub-categories on categories (relative Y size).
splineSeries1.add({ x: 0, y: 0.4 })
splineSeries2.add({ x: 2, y: 0.6 })