Close Editor Run Reset Auto Update CJS const lcjs = require('@lightningchart/lcjs')
const { lightningChart, Themes } = lcjs
const lc = lightningChart()
const chart = lc.ParallelCoordinateChart({
// theme: Themes.darkGold
})
.setCursorMode('show-all')
const Axes = {
'Variable A': 0,
'Variable B': 1,
'Variable C': 2,
}
chart.setAxes(Axes)
chart.getAxis(Axes['Variable A']).setInterval({ start: 20, end: 60 })
chart.getAxis(Axes['Variable B']).setInterval({ start: 80, end: 120 })
chart.getAxis(Axes['Variable C']).setInterval({ start: 0.0, end: 2.5 })
const series1 = chart.addSeries(
{ automaticColorIndex: 0 }
).setName('Sample 1').setData({
'Variable A': 50,
'Variable B': 100,
'Variable C': 2.0,
})
const series2 = chart.addSeries(
{ automaticColorIndex: 2 }
).setName('Sample 2').setData({
'Variable A': 30,
'Variable B': 115,
'Variable C': 0.5,
})
const series3 = chart.addSeries(
{ automaticColorIndex: 4 }
).setName('Sample 3').setData({
'Variable A': 35,
'Variable B': 82,
'Variable C': 0.9,
})
Basic Parallel Coordinate Chart - Editor Basic example of Parallel coordinate chart feature.
The Parallel Coordinate Chart can be used to display a list of data points across an arbitrary number of measurement Axes . Each data point is displayed as a series of connected points along the axes which are positioned parallel to each other