LCJS v7.0.1

Author: Niilo Keinänen

README.md

@@ -101,8 +101,6 @@ axis
     )
     // Configure axis overlay style (interactive axis area).
     .setOverlayStyle( axisFillStyleHighlight )
-    // Configure axis nibs overlay style (interactive axis nibs area).
-    .setNibOverlayStyle( axisFillStyleHighlight )
 ```
 
 
@@ -139,12 +137,12 @@ 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
-[Axis]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/Axis.html
-[Spline series]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/SplineSeries.html
-[Color palettes]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/variables/ColorPalettes.html
-[RGBA color factory]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/functions/ColorRGBA.html
-[Solid FillStyle]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/SolidFill.html
-[Solid LineStyle]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/classes/SolidLine.html
-[Auto cursor XY]: https://lightningchart.com/js-charts/api-documentation/v6.1.0/interfaces/AutoCursorXY.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/ChartXY.html
+[Axis]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/Axis.html
+[Spline series]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/SplineSeries.html
+[Color palettes]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/variables/ColorPalettes.html
+[RGBA color factory]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/functions/ColorRGBA.html
+[Solid FillStyle]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/SolidFill.html
+[Solid LineStyle]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/classes/SolidLine.html
+[Auto cursor XY]: https://lightningchart.com/js-charts/api-documentation/v7.0.1/interfaces/AutoCursorXY.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": {

sharedAxis-cyberSpace.png

@@ -28,8 +28,6 @@ const axisYStrokeStyles = axisYStyles.map((fillStyle) => new SolidLine({ fillSty
 const axisYStylesHighlight = axisYStyles.map((fillStyle) => fillStyle.setA(100))
 const axisXStyleHighlight = new SolidFill({ color: colors[2].setA(100) })
 const seriesStrokeStyles = axisYStrokeStyles
-const fittingRectangleStrokeStyle = new SolidLine({ fillStyle: new SolidFill({ color: ColorRGBA(255, 255, 255, 100) }), thickness: 2 })
-const zoomingRectangleFillStyle = new SolidFill({ color: colors[2].setA(100) })
 
 // Create a XY Chart.
 const chart = lightningChart({
@@ -38,19 +36,12 @@ const chart = lightningChart({
     .ChartXY({
         theme: Themes[new URLSearchParams(window.location.search).get('theme') || 'darkGold'] || undefined,
     })
-    .setPadding({
-        right: 50,
-    })
     .setTitle('Unit production comparison')
-    // Style chart zooming rectangle.
-    .setFittingRectangleStrokeStyle(fittingRectangleStrokeStyle)
-    .setZoomingRectangleFillStyle(zoomingRectangleFillStyle)
 
 // Cache reference to default axes and style them.
 const axisX = chart
     .getDefaultAxisX()
     .setOverlayStyle(axisXStyleHighlight)
-    .setNibOverlayStyle(axisXStyleHighlight)
     // Set the X Axis to use DateTime TickStrategy and set the interval
     .setTickStrategy(AxisTickStrategies.DateTime)
     .setInterval({
@@ -63,7 +54,6 @@ const axisY1 = chart
     .getDefaultAxisY()
     .setStrokeStyle(axisYStrokeStyles[0])
     .setOverlayStyle(axisYStylesHighlight[0])
-    .setNibOverlayStyle(axisYStylesHighlight[0])
     // Modify the TickStrategy to remove gridLines from this Y Axis.
     .setTickStrategy(
         // Use Numeric TickStrategy as base.
@@ -83,7 +73,6 @@ const axisY2 = chart
     .setTitle('No of units produced')
     .setStrokeStyle(axisYStrokeStyles[1])
     .setOverlayStyle(axisYStylesHighlight[1])
-    .setNibOverlayStyle(axisYStylesHighlight[1])
     // Modify the TickStrategy to remove gridLines from this Y Axis.
     .setTickStrategy(
         // Use Numeric TickStrategy as base.