LCJS v7.0.1

Author: Niilo Keinänen

README.md

@@ -52,7 +52,7 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[3D chart]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Chart3D.html
-[Paletted Fill Style]: 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
+[3D chart]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Chart3D.html
+[Paletted Fill Style]: 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
 

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

src/index.js

@@ -146,12 +146,12 @@ const addOption = (label, onEnabled, defaultSelection = false) => {
         onEnabled()
     }
 
-    checkBox.onSwitch((_, state) => {
-        if (state) {
+    checkBox.addEventListener('switch', (event) => {
+        if (event.state) {
             onEnabled()
-            checkBox.setMouseInteractions(false)
+            checkBox.setPointerEvents(false)
             // Set all other check boxes off.
-            options.forEach((option) => option.checkBox !== checkBox && option.checkBox.setOn(false).setMouseInteractions(true))
+            options.forEach((option) => option.checkBox !== checkBox && option.checkBox.setOn(false).setPointerEvents(true))
         }
     })
 
@@ -189,7 +189,7 @@ const handleWireframeToggled = (state) => {
     wireframeCheckbox.setText(state ? 'Hide wireframe' : 'Show wireframe')
 }
 const wireframeCheckbox = group.addElement(UIElementBuilders.CheckBox)
-wireframeCheckbox.onSwitch((_, state) => handleWireframeToggled(state))
+wireframeCheckbox.addEventListener('switch', (event) => handleWireframeToggled(event.state))
 wireframeCheckbox.setOn(true)
 
 // Add UI control for toggling camera animation.
@@ -200,9 +200,9 @@ const handleCameraAnimationToggled = (state) => {
     }
 }
 const cameraAnimationEnabledCheckbox = group.addElement(UIElementBuilders.CheckBox)
-cameraAnimationEnabledCheckbox.onSwitch((_, state) => handleCameraAnimationToggled(state))
+cameraAnimationEnabledCheckbox.addEventListener('switch', (event) => handleCameraAnimationToggled(event.state))
 handleCameraAnimationToggled(true)
-chart3D.onBackgroundMouseDrag(() => {
+chart3D.background.addEventListener('pointerdown', () => {
     handleCameraAnimationToggled(false)
 })