LCJS v7.0.1

Author: Niilo Keinänen

1mPointsLineTrace-cyberSpace.png

@@ -99,9 +99,9 @@ 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/v6.1.0/classes/ChartXY.html
-[Scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/AxisScrollStrategies.html
-[Line series]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/LineSeries.html
-[Data patterns]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/interfaces/DataPattern.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/ChartXY.html
+[Scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/AxisScrollStrategies.html
+[Line series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/LineSeries.html
+[Data patterns]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/interfaces/DataPattern.html
 [Progressive trace data generator]: https://arction.github.io/xydata/classes/progressivetracegenerator.html
 

1mPointsLineTrace-darkGold.png

@@ -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": {

1mPointsLineTrace-light.png

@@ -8,7 +8,7 @@ const lcjs = require('@lightningchart/lcjs')
 const xydata = require('@lightningchart/xydata')
 
 // Extract required parts from LightningChartJS.
-const { lightningChart, Themes } = lcjs
+const { lightningChart, Themes, emptyFill } = lcjs
 
 // Import data-generator from 'xydata'-library.
 const { createProgressiveTraceGenerator } = xydata
@@ -21,14 +21,12 @@ const chart = lightningChart({
 })
 
 // Create line series optimized for regular progressive X data.
-const series = chart.addLineSeries({
-    dataPattern: {
+const series = chart
+    .addPointLineAreaSeries({
         // pattern: 'ProgressiveX' => Each consecutive data point has increased X coordinate.
-        pattern: 'ProgressiveX',
-        // regularProgressiveStep: true => The X step between each consecutive data point is regular (for example, always `1.0`).
-        regularProgressiveStep: true,
-    },
-})
+        dataPattern: 'ProgressiveX',
+    })
+    .setAreaFillStyle(emptyFill)
 
 // Generate traced points stream using 'xydata'-library.
 chart.setTitle('Generating test data...')
@@ -43,7 +41,7 @@ createProgressiveTraceGenerator()
         const addPoints = () => {
             const addDataPointsCount = 20000
             const newDataPoints = data.slice(dataPointsCount, dataPointsCount + addDataPointsCount)
-            series.add(newDataPoints)
+            series.appendJSON(newDataPoints)
             dataPointsCount += addDataPointsCount
             if (dataPointsCount < dataLen) {
                 requestAnimationFrame(addPoints)