update points on charts

Author: andresdlt03

ethernet-view/src/pages/LoggerPage/ChartsColumn/ChartMenu/ChartElement/ChartCanvas.tsx

@@ -36,30 +36,25 @@ export const ChartCanvas = ({ measurementsInChart, getDataFromLogSession }: Prop
                 width: chartContainerRef.current.clientWidth,
                 height: CHART_HEIGHT,
                 timeScale: {
+                    timeVisible: true,
                     fixLeftEdge: true,
                     fixRightEdge: true,
                     lockVisibleTimeRangeOnResize: true,
                 },
             });
         }
 
-        let chartTime = timeRendered.current;
         for(const measurement of measurementsInChart) {
             const data = getDataFromLogSession(measurement.id);
             const series = chart.current?.addLineSeries({
                 color: measurement.color,
             })
+            console.log(data)
             for(const point of data) {
-                series?.update({ time: chartTime++ as UTCTimestamp, value: point.value });
+                series?.update({ time: point.time / 1000 as UTCTimestamp, value: point.value });
             }
-            chartTime = timeRendered.current;
         }
-
-        chart.current?.timeScale().setVisibleRange({
-            from: timeRendered.current as UTCTimestamp,
-            to: timeRendered.current + 60 as UTCTimestamp,
-        })
-
+        
         return () => {
             resizeObserver.disconnect();
             chart.current?.remove();

ethernet-view/src/pages/LoggerPage/LogsColumn/LogLoader/LogsProcessor.ts

@@ -16,7 +16,7 @@ import Papa from 'papaparse';
  * retrieved from the CSV file.
  */
 
-export type ChartPoint = {time: UTCTimestamp, value: number};
+export type ChartPoint = {time: number, value: number};
 export type Session = Map<string, ChartPoint[]>;
 
 export async function extractLoggerSession (directory: FileSystemDirectoryEntry): Promise<Session> {
@@ -36,7 +36,7 @@ export async function extractLoggerSession (directory: FileSystemDirectoryEntry)
                             if(isValidLog(row)) {
                                 const [timestamp, , , value] = row as [string, string, string, string];
                                 measurementPoints.push({
-                                    time: parseFloat(timestamp) / 1000 as UTCTimestamp, 
+                                    time: parseFloat(timestamp), 
                                     value: parseFloat(value)
                                 });
                             }