@barchart/chart-lib 2.199.6 → 2.201.0

chart-lib/index.js

@@ -10,6 +10,7 @@ import {
     ChunkPart,
     Topics,
     SeriesKind,
+    OHLCDataPointBuilder,
 } from "./barchart.chart.js";
 
 const ohlcFields = [
@@ -42,11 +43,36 @@ class ExampleTimeSeries {
         this.container = null;
         this.canLoadMoreData = true;
         this.isLoading = false;
+        this.builder = null;
     }
     get hasData() {
         return this.container !== null;
     }
 
+    scheduleUpdate() {
+        const delay = Math.floor(500 + 500 * Math.random());
+        setTimeout(() => this.onUpdate(), delay);
+    }
+
+    onUpdate() {
+        const last = this.container.getLastDataPoint(Fields.Close);
+        const sign = Math.random() < 0.5 ? -1 : 1;
+        const trade = {
+            isTrade: true,
+            time: new Date(),
+            tradePrice: last + last * sign * 0.001,
+            tradeSize: Math.floor(5000 * Math.random()),
+        };
+
+        const result = this.builder.process(trade);
+
+        const topic = result.isUpdate ? Topics.TS_DATAPOINTCHANGED : Topics.TS_DATAPOINTADDED;
+        const payload = { series: this, index: result.index };
+        PubSub.publish(topic, payload);
+
+        this.scheduleUpdate();
+    }
+
     async loadMoreData(headChunk = true) {
         if (this.isLoading) return Promise.resolve();
         this.isLoading = true;
@@ -74,9 +100,14 @@ class ExampleTimeSeries {
             precedingClose = row.close;
         }
 
-        if (!headChunk) this.container = container;
-        else this.container.prepend(container);
+        if (!headChunk) {
+            this.container = container;
+            this.builder = new OHLCDataPointBuilder(this.container, this.query.aggregation);
+            this.scheduleUpdate();
+        } else this.container.prepend(container);
+
         this.isLoading = false;
+
         if (headChunk) {
             // the first chunk is loaded implicitly during the call to ready method below
             // so there's no need for notification
@@ -183,7 +214,7 @@ class ExampleFeed extends BaseDataFeed {
 
 const feed = initFeed(ExampleFeed, {
     throttleMillis: 250,
-    apiKey: "<YOUR_API_KEY>",
+    apiKey: "c3fd90ea7e38b87566c508a3f3f4bdab",
 });
 
 feed.ready().then(done => {

chart-lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@barchart/chart-lib",
-    "version": "2.199.6",
+    "version": "2.201.0",
     "description": "Barchart HTML5 Streaming Chart",
     "main": "barchart.chart.js",
     "types": "barchart.chart.d.ts",