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

8 use lightweight charts400

Author: trash-and-fire

common/config/rush/pnpm-lock.yaml

@@ -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",

packages/demo/package.json

@@ -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');
         }

packages/demo/src/samples/legend.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');
         }