LCJS 4.1.0

Author: Snekw

README.md

@@ -21,6 +21,9 @@ The demo can be used as an example or a seed project. Local execution requires t
 
 This example shows real-time OHLC-packing using a variant of OHLC-series.
 
+**Please note that using LightningChart JS for Trading use cases requires a special license agreement.**
+For more information, please [contact us](https://lightningchart.com/contact/).
+
 ## LightningChart JS OHLC Series with Automatic Packing
 
 LightningChart JS includes a variant of the OHLC series which allows inputting close prices only which results in the corresponding OHLC data being automatically calculated.
@@ -86,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/lightningchart-js-api-documentation/v4.0.0/classes/ChartXY.html
-[Axis tick strategies]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/variables/AxisTickStrategies.html
-[Freeform line series]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/classes/LineSeries.html
-[OHLC series]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/classes/ChartXY.html#addOHLCSeries
-[OHLC series types]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/variables/OHLCSeriesTypes.html
+[XY cartesian chart]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/classes/ChartXY.html
+[Axis tick strategies]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/variables/AxisTickStrategies.html
+[Freeform line series]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/classes/LineSeries.html
+[OHLC series]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/classes/ChartXY.html#addOHLCSeries
+[OHLC series types]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/variables/OHLCSeriesTypes.html
 

package.json

@@ -17,7 +17,7 @@
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@arction/lcjs": "^4.0.1",
+    "@arction/lcjs": "^4.1.0",
     "@arction/xydata": "^1.4.0"
   },
   "lightningChart": {

src/index.js

@@ -15,7 +15,8 @@ const { createProgressiveTraceGenerator } = xydata
 
 // Decide on an origin for DateTime axis ( cur time - 5 minutes ).
 const fiveMinutesInMs = 5 * 60 * 1000
-const dateOrigin = new Date(new Date().getTime() - fiveMinutesInMs)
+const dateOrigin = new Date(Date.now() - fiveMinutesInMs)
+const dateOriginTime = dateOrigin.getTime()
 
 // Create a XY Chart.
 const chart = lightningChart().ChartXY({
@@ -71,10 +72,17 @@ createProgressiveTraceGenerator()
     .setNumberOfPoints(10000)
     .generate()
     .toPromise()
+    // Map random generated data to start from a particular date with the frequency of 100 ms
     .then((data) =>
         data.map((p) => ({
-            // Resolution = 100 ms.
-            x: p.x * 100,
+            x: dateOriginTime + p.x * 100,
+            y: p.y,
+        })),
+    )
+    // When data origin is used (required for DateTime axis range smaller than 1 day), time coordinate has to be shifted by date origin.
+    .then((data) =>
+        data.map((p) => ({
+            x: p.x - dateOriginTime,
             y: p.y,
         })),
     )