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