LCJS v8.0.0

Author: Niilo Keinänen

README.md

@@ -89,9 +89,9 @@ 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/v7.1.0/classes/ChartXY.html
-[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/AxisTickStrategies.html
-[Freeform line series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/LineSeries.html
-[OHLC series]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/classes/ChartXY.html#addOHLCSeries
-[OHLC series types]: https://lightningchart.com/js-charts/api-documentation/v7.1.0/variables/OHLCSeriesTypes.html
+[XY cartesian chart]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html
+[Axis tick strategies]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/variables/AxisTickStrategies.html
+[Freeform line series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/LineSeries.html
+[OHLC series]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/classes/ChartXY.html#addOHLCSeries
+[OHLC series types]: https://lightningchart.com/js-charts/api-documentation/v8.0.0/variables/OHLCSeriesTypes.html
 

package.json

@@ -17,8 +17,8 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@lightningchart/lcjs": "^7.1.0",
-    "@lightningchart/xydata": "^1.4.0"
+    "@lightningchart/lcjs": "^8.0.0",
+    "@lightningchart/xydata": "^1.5.0"
   },
   "lightningChart": {
     "eID": "0202"

src/index.js

@@ -28,9 +28,7 @@ const chart = lightningChart({
 chart.getDefaultAxisX().setTickStrategy(AxisTickStrategies.DateTime, (tickStrategy) => tickStrategy.setDateOrigin(dateOrigin))
 
 // Set chart title and modify the padding of the chart.
-chart.setTitle('Realtime OHLC and line').setPadding({
-    right: 42,
-})
+chart.setTitle('Realtime OHLC and line')
 // Modify AutoCursor to only show TickMarker and Gridline over X Axis.
 chart.setCursor((cursor) => {
     cursor.setTickMarkerYVisible(false)
@@ -40,7 +38,7 @@ chart.setCursor((cursor) => {
 // Configure X-axis to be progressive.
 chart
     .getDefaultAxisX()
-    .setScrollStrategy(AxisScrollStrategies.progressive)
+    .setScrollStrategy(AxisScrollStrategies.scrolling)
     // View fits 5 minutes.
     .setDefaultInterval((state) => ({ end: state.dataMax, start: (state.dataMax ?? 0) - fiveMinutesInMs, stopAxisAfter: false }))
 
@@ -60,10 +58,10 @@ const ohlcSeriesAutoPacking = chart
         { seriesConstructor: OHLCSeriesTypes.AutomaticPacking },
     )
     // Set packing resolution to 100 ms so we can zoom to full resolution.
-    .setPackingResolution(100)
+    // .setPackingResolution(100)
 
 const add = (points) => {
-    lineSeries.add(points)
+    lineSeries.appendJSON(points)
     // With automatic packing, the add method accepts data points that use the {x, y} format (for example, {x: time, y: measurement}).
     // OHLC Series can automatically pack these raw measurements into OHLC data.
     ohlcSeriesAutoPacking.add(points)