LCJS v7.0.1

Author: Niilo Keinänen

3dSpectrogramBox-cyberSpace.png

@@ -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.
 
 
-[3D chart]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Chart3D.html
-[3D box series]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/BoxSeries3D.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
+[3D box series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/BoxSeries3D.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
 

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

3dSpectrogramBox-light.png

@@ -47,7 +47,8 @@ chart3D
     .getDefaultAxisY()
     .setScrollStrategy(AxisScrollStrategies.expansion)
     .setInterval({ start: 0, end: 100, stopAxisAfter: false })
-    .setTitle('Power spectrum').setUnits('P(f)')
+    .setTitle('Power spectrum')
+    .setUnits('P(f)')
 chart3D.getDefaultAxisX().setTitle('Frequency').setUnits('Hz')
 chart3D
     .getDefaultAxisZ()
@@ -180,7 +181,7 @@ const handleStreamingToggled = (state) => {
     }
 }
 const toggleStreamingCheckBox = group.addElement(UIElementBuilders.CheckBox)
-toggleStreamingCheckBox.onSwitch((_, state) => handleStreamingToggled(state))
+toggleStreamingCheckBox.addEventListener('switch', (event) => handleStreamingToggled(event.state))
 handleStreamingToggled(true)
 
 // Add UI control for toggling camera animation.
@@ -191,8 +192,8 @@ 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)
 })