LCJS v7.0.1

Author: Niilo Keinänen

README.md

@@ -61,14 +61,14 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[Dashboard]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Dashboard.html
-[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/ChartXY.html
-[Heatmap Grid Series Intensity]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/HeatmapGridSeriesIntensityValues.html
-[Line Series]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/LineSeries.html
-[Axis scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/AxisScrollStrategies.html
-[Paletted Fill]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/PalettedFill.html
-[LUT]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/LUT.html
-[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/emptyLine.html
-[Legend Box]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Chart.html#addLegendBox
-[Legend Box builders]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/LegendBoxBuilders.html
+[Dashboard]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Dashboard.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/ChartXY.html
+[Heatmap Grid Series Intensity]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/HeatmapGridSeriesIntensityValues.html
+[Line Series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/LineSeries.html
+[Axis scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/AxisScrollStrategies.html
+[Paletted Fill]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/PalettedFill.html
+[LUT]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/LUT.html
+[Empty line style]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/emptyLine.html
+[Legend Box]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Chart.html#addLegendBox
+[Legend Box builders]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/LegendBoxBuilders.html
 

package.json

@@ -17,7 +17,7 @@
  "webpack-stream": "^7.0.0"
  },
  "dependencies": {
- "@lightningchart/lcjs": "^6.1.1",
+ "@lightningchart/lcjs": "^6.1.2",
  "@lightningchart/xydata": "^1.4.0"
  },
  "lightningChart": {

spectrogramProjection-cyberSpace.png

@@ -52,7 +52,7 @@ const seriesSpectrogram = chartSpectrogram
  columns: spectrogramColumns,
  rows: spectrogramRows,
  })
- .setMouseInteractions(false)
+ .setPointerEvents(false)
  .setWireframeStyle(emptyLine)
  .setFillStyle(
  new PalettedFill({
@@ -81,53 +81,41 @@ const chartProjectionY = dashboard
  .setTitleFillStyle(emptyFill)
  // NOTE: Hardcoded alignment with Spectrogram chart.
  .setPadding({ top: 44 })
- .setMouseInteractions(false)
+ .setUserInteractions(undefined)
 
-chartProjectionY.getDefaultAxisY().setScrollStrategy(undefined).setMouseInteractions(false)
+chartProjectionY.getDefaultAxisY().setScrollStrategy(undefined)
 
 // Sync projection Axis with spectogram chart projected axis.
 synchronizeAxisIntervals(chartSpectrogram.getDefaultAxisY(), chartProjectionY.getDefaultAxisY())
 
-chartProjectionY
- .getDefaultAxisX()
- .setScrollStrategy(AxisScrollStrategies.expansion)
- .setInterval({ start: 0, end: 1, stopAxisAfter: false })
- .setMouseInteractions(false)
+chartProjectionY.getDefaultAxisX().setScrollStrategy(AxisScrollStrategies.expansion).setInterval({ start: 0, end: 1, stopAxisAfter: false })
 
 const seriesProjectionY = chartProjectionY
- .addLineSeries({
- dataPattern: {
- pattern: 'ProgressiveY',
- regularProgressiveStep: true,
- },
+ .addPointLineAreaSeries({
+ dataPattern: 'ProgressiveY',
  })
  .setName('Projection (Y)')
+ .setAreaFillStyle(emptyFill)
 
 const chartProjectionX = dashboard
  .createChartXY({
  columnIndex: 0,
  rowIndex: 1,
  })
  .setTitleFillStyle(emptyFill)
- .setMouseInteractions(false)
-chartProjectionX.getDefaultAxisX().setScrollStrategy(undefined).setMouseInteractions(false)
+ .setUserInteractions(undefined)
+chartProjectionX.getDefaultAxisX().setScrollStrategy(undefined)
 
 // Sync projection Axis with spectogram chart projected axis.
 synchronizeAxisIntervals(chartSpectrogram.getDefaultAxisX(), chartProjectionX.getDefaultAxisX())
 
-chartProjectionX
- .getDefaultAxisY()
- .setScrollStrategy(AxisScrollStrategies.expansion)
- .setInterval({ start: 0, end: 1, stopAxisAfter: false })
- .setMouseInteractions(false)
+chartProjectionX.getDefaultAxisY().setScrollStrategy(AxisScrollStrategies.expansion).setInterval({ start: 0, end: 1, stopAxisAfter: false })
 const seriesProjectionX = chartProjectionX
- .addLineSeries({
- dataPattern: {
- pattern: 'ProgressiveX',
- regularProgressiveStep: true,
- },
+ .addPointLineAreaSeries({
+ dataPattern: 'ProgressiveX',
  })
  .setName('Projection (X)')
+ .setAreaFillStyle(emptyFill)
 
 // Align charts nicely.
 chartSpectrogram.getDefaultAxisY().setThickness(50)
@@ -179,7 +167,7 @@ createSpectrumDataGenerator()
  }
 
  // Add custom interaction when mouse is hovered over spectrogram chart.
- chartSpectrogram.onSeriesBackgroundMouseMove((_, event) => {
+ chartSpectrogram.seriesBackground.addEventListener('pointermove', (event) => {
  // Solve mouse location on Axis.
  const locationAxis = chartSpectrogram.translateCoordinate(event, chartSpectrogram.coordsAxis)
  showProjection(locationAxis.x, locationAxis.y)