Skip to content

Commit

Permalink
LCJS 4.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
Snekw committed May 23, 2023
1 parent 732f5d3 commit 634267a
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 9 deletions.
13 changes: 8 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -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

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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": {
Expand Down
14 changes: 11 additions & 3 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -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({
Expand Down Expand Up @@ -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,
})),
)
Expand Down

0 comments on commit 634267a

Please sign in to comment.