LCJS v8.0.0

Author: Niilo Keinänen

README.md

@@ -55,8 +55,8 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/ChartXY.html
-[Line series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/LineSeries.html
-[Data patterns]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/interfaces/DataPattern.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html
+[Line series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/LineSeries.html
+[Data patterns]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/interfaces/DataPattern.html
 [Progressive trace data generator]: https://lightning-chart.github.io/xydata/classes/progressivetracegenerator.html
 

ecg-cyberSpace.png

@@ -17,8 +17,8 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@lightningchart/lcjs": "^7.1.0",
-    "@lightningchart/xydata": "^1.4.0"
+    "@lightningchart/lcjs": "^8.0.0",
+    "@lightningchart/xydata": "^1.5.0"
   },
   "lightningChart": {
     "eID": "0150"

ecg-darkGold.png

@@ -18,18 +18,16 @@ const chart = lightningChart({
             resourcesBaseUrl: new URL(document.head.baseURI).origin + new URL(document.head.baseURI).pathname + 'resources/',
         })
     .ChartXY({
+        legend: { visible: false },
         theme: Themes[new URLSearchParams(window.location.search).get('theme') || 'darkGold'] || undefined,
     })
     .setTitle('ECG')
 
 // Create line series optimized for regular progressive X data.
 const series = chart
-    .addPointLineAreaSeries({
-        dataPattern: 'ProgressiveX',
-    })
+    .addLineSeries({ schema: { x: { pattern: 'progressive' }, y: { pattern: null } } })
     .setName()
     .setMaxSampleCount(100_000)
-    .setAreaFillStyle(emptyFill)
 
 // Setup view nicely.
 chart
@@ -43,7 +41,7 @@ chart
     .getDefaultAxisX()
     .setTitle('milliseconds')
     .setDefaultInterval((state) => ({ end: state.dataMax, start: (state.dataMax ?? 0) - 2500, stopAxisAfter: false }))
-    .setScrollStrategy(AxisScrollStrategies.progressive)
+    .setScrollStrategy(AxisScrollStrategies.scrolling)
 
 // Points that are used to generate a continuous stream of data.
 const point = [