Merge pull request #11 from trash-and-fire/8-use-lightweight-charts400

8 use lightweight charts400
trash-and-fire · Jun 7, 2023 · 492e04e · 492e04e
2 parents 995e649 + 58d994a
commit 492e04e
Show file tree

Hide file tree

Showing 20 changed files with 1,080 additions and 129 deletions.
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
diff --git a/packages/demo/package.json b/packages/demo/package.json
@@ -16,7 +16,7 @@
     "react-scripts": "5.0.1",
     "typescript": "~4.6.4",
     "web-vitals": "^2.1.0",
-    "lightweight-charts": "^3.8.0",
+    "lightweight-charts": "4.0.1",
     "classnames": "~2.3.1",
     "react-router-dom": "~6.3.0",
     "@types/webpack-env": "~1.17.0",

diff --git a/packages/demo/src/samples/legend.tsx b/packages/demo/src/samples/legend.tsx
@@ -1,5 +1,5 @@
 import React, {useCallback, useRef, useState} from 'react';
-import {BarPrice, ISeriesApi, LineWidth, MouseEventParams} from 'lightweight-charts';
+import {ISeriesApi, LineWidth, MouseEventParams, LineData} from 'lightweight-charts';
 import {Chart, AreaSeries} from 'lightweight-charts-react-wrapper';
 
 import styles from './legend.module.css';
@@ -13,8 +13,8 @@ export default function Legend() {
             return;
         }
         if (param.time) {
-            const price = param.seriesPrices.get(series.current) as BarPrice;
-            setLegend('ETC USD 7D VWAP' + '  ' + price.toFixed(2));
+            const {value} = param.seriesData.get(series.current) as LineData;
+            setLegend('ETC USD 7D VWAP' + '  ' + value.toFixed(2));
         } else {
             setLegend('ETC USD 7D VWAP');
         }

diff --git a/packages/demo/src/samples/moving-average.tsx b/packages/demo/src/samples/moving-average.tsx
@@ -1,5 +1,5 @@
 import React, {useCallback, useRef, useState} from 'react';
-import {BarPrice, BusinessDay, CandlestickData, CrosshairMode, ISeriesApi, MouseEventParams} from 'lightweight-charts';
+import {AreaData, BusinessDay, CandlestickData, CrosshairMode, ISeriesApi, MouseEventParams} from 'lightweight-charts';
 import {Chart, LineSeries, CandlestickSeries} from 'lightweight-charts-react-wrapper';
 
 import styles from './moving-average.module.css';
@@ -12,9 +12,9 @@ export default function MovingAverage() {
         if (ref.current === null) {
             return;
         }
-        const price = e.seriesPrices.get(ref.current) as BarPrice | undefined;
-        if (price !== undefined) {
-            setValue((Math.round(price * 100) / 100).toFixed(2));
+        const data = e.seriesData.get(ref.current) as AreaData | undefined;
+        if (data !== undefined) {
+            setValue((Math.round(data.value * 100) / 100).toFixed(2));
         } else {
             setValue('n/a');
         }