LCJS 4.1.0

Author: Snekw

README.md

@@ -62,9 +62,9 @@ Direct developer email support can be purchased through a [Support Plan][4] or b
 © LightningChart Ltd 2009-2022. All rights reserved.
 
 
-[Axis tick strategies]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/variables/AxisTickStrategies.html
-[XY cartesian chart]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/classes/ChartXY.html
-[OHLC series types]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/variables/OHLCSeriesTypes.html
-[Series with automatic packing]: https://lightningchart.com/lightningchart-js-api-documentation/v4.0.0/classes/OHLCSeriesWithAutomaticPacking.html
+[Axis tick strategies]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/variables/AxisTickStrategies.html
+[XY cartesian chart]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/classes/ChartXY.html
+[OHLC series types]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/variables/OHLCSeriesTypes.html
+[Series with automatic packing]: https://lightningchart.com/lightningchart-js-api-documentation/v4.1.0/classes/OHLCSeriesWithAutomaticPacking.html
 [Progressive trace generator]: https://arction.github.io/xydata/classes/progressivetracegenerator.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

@@ -13,11 +13,10 @@ const { lightningChart, AxisTickStrategies, OHLCSeriesTypes, emptyLine, Themes }
 // Import data-generator from 'xydata'-library.
 const { createProgressiveTraceGenerator } = xydata
 
-const dataSpan = 60 * 60 * 1000
-const dataFrequency = 1 * 1000
-
 // Decide on an origin for DateTime axis.
 const dateOrigin = new Date(2018, 0, 1)
+const dateOriginTime = dateOrigin.getTime()
+
 // Create charts and series for two different packing resolutions.
 const dashboard = lightningChart().Dashboard({ numberOfColumns: 1, numberOfRows: 2 })
 const chartDefault = dashboard.createChartXY({
@@ -67,21 +66,31 @@ const seriesDefault = chartDefault
     )
     .setName('Default packing resolution')
 
+const dataSpan = 60 * 60 * 1000
+const dataFrequency = 1 * 1000
+
 const seriesLow = chartLow
     .addOHLCSeries({ seriesConstructor: OHLCSeriesTypes.AutomaticPacking })
     .setName('Very small packing resolution')
     // Set packing resolution that is equal to the minimum resolution between two points.
     // (essentially allows users to zoom to full resolution)
     .setPackingResolution(dataFrequency)
 
-// Push points to both series.
-createProgressiveTraceGenerator()
+createProgressiveTraceGenerator() // Generating random progressive xy data
     .setNumberOfPoints(dataSpan / dataFrequency)
     .generate()
     .toPromise()
+    // Map random generated data to start from a particular date with the frequency of dataFrequency
+    .then((data) =>
+        data.map((p) => ({
+            x: dateOriginTime + p.x * dataFrequency,
+            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 * dataFrequency,
+            x: p.x - dateOriginTime,
             y: p.y,
         })),
     )