Update LCJS version

Author: Snekw

README.md

@@ -99,9 +99,9 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © Arction Ltd 2009-2020. All rights reserved.
 
 
-[XY cartesian chart]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/classes/chartxy.html
-[Scroll strategies]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/globals.html#axisscrollstrategies
-[Line series]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/classes/lineseries.html
-[Data patterns]: https://www.arction.com/lightningchart-js-api-documentation/v3.1.0/interfaces/datapattern.html
+[XY cartesian chart]: https://www.arction.com/lightningchart-js-api-documentation/v3.3.0/classes/chartxy.html
+[Scroll strategies]: https://www.arction.com/lightningchart-js-api-documentation/v3.3.0/globals.html#axisscrollstrategies
+[Line series]: https://www.arction.com/lightningchart-js-api-documentation/v3.3.0/classes/lineseries.html
+[Data patterns]: https://www.arction.com/lightningchart-js-api-documentation/v3.3.0/interfaces/datapattern.html
 [Progressive trace data generator]: https://arction.github.io/xydata/classes/progressivetracegenerator.html
 

package.json

@@ -14,7 +14,7 @@
         "webpack-dev-server": "^3.9.0"
     },
     "dependencies": {
-        "@arction/lcjs": "^3.2.0",
+        "@arction/lcjs": "^3.3.0",
         "@arction/xydata": "^1.4.0",
         "clean-webpack-plugin": "^3.0.0",
         "webpack": "^4.41.2",

src/index.js

@@ -38,7 +38,16 @@ createProgressiveTraceGenerator()
     .toPromise()
     .then(data => {
         chart.setTitle('1 Million Points Line Trace')
-        setInterval(() => {
-            series.add(data.splice(0, 20000))
-        }, 50)
+        const dataLen = data.length
+        let dataPointsCount = 0
+        const addPoints = () => {
+            const addDataPointsCount = 20000
+            const newDataPoints = data.slice(dataPointsCount, dataPointsCount + addDataPointsCount)
+            series.add(newDataPoints)
+            dataPointsCount += addDataPointsCount
+            if (dataPointsCount < dataLen) {
+                requestAnimationFrame(addPoints)
+            }
+        }
+        addPoints()
     })