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)