LCJS v7.1.0

Author: Niilo Keinänen

README.md

@@ -28,6 +28,8 @@ The page can be extended with a scroll bar, and any chart can be dragged around
 
 Meanwhile, all charts are receiving real-time streaming data and continue to operate normally in terms of panning, zooming and cursor interactions.
 
+**Compared to other web browsers, this example performs extremely poorly on Mozilla Firefox** due to relatively bad implementation of `CanvasRenderingContext2D.drawImage` when source is another canvas element.
+
 
 ## API Links
 
@@ -60,10 +62,10 @@ 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/v7.0.1/classes/Dashboard.html
-[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/ChartXY.html
-[Line series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/
-[Axis]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Axis.html
-[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/AxisTickStrategies.html
-[Axis scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/AxisScrollStrategies.html
+[Dashboard]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/Dashboard.html
+[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/
+[Axis]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/Axis.html
+[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/AxisTickStrategies.html
+[Axis scroll strategies]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/AxisScrollStrategies.html
 

package.json

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

src/index.js

@@ -18,13 +18,6 @@ const windows = []
 const createWindow = (type) => {
     const container = document.createElement('div')
     windowsContainer.append(container)
-    container.style.position = 'absolute'
-    container.style.boxSizing = 'content-box'
-    container.style.width = `${windowsContainer.getBoundingClientRect().width / 4}px`
-    container.style.left = `${(windows.length % 4) * (windowsContainer.getBoundingClientRect().width / 4)}px`
-    container.style.height = '200px'
-    container.style.top = `${Math.floor(windows.length / 4) * 200}px`
-
     switch (type) {
         case 'lightningchart': {
             const chart = lc
@@ -81,7 +74,12 @@ const createWindow = (type) => {
             break
         }
     }
-
+    container.style.position = 'absolute'
+    container.style.boxSizing = 'content-box'
+    container.style.width = `${windowsContainer.getBoundingClientRect().width / 4}px`
+    container.style.left = `${(windows.length % 4) * (windowsContainer.getBoundingClientRect().width / 4)}px`
+    container.style.height = '200px'
+    container.style.top = `${Math.floor(windows.length / 4) * 200}px`
     container.addEventListener('pointerdown', (eventDown) => {
         if (eventDown.defaultPrevented) return