Fix Chart.js real-time chart functionality and bump version to 0.1.4

PBrunot · claude · PBrunot · commit 8a69606406ff · 2025-09-20T22:34:24.000+02:00
- Removed incorrect integrity hash from Chart.js CDN link that was blocking load - Updated Chart.js time adapter to version 3.0.0 for better compatibility - Fixed chart configuration to use proper x,y data format for Chart.js 4.x - Added time scale unit configuration and axis titles - Updated data structure to work with Chart.js time scale properly 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/multimeter.html b/multimeter.html
@@ -8,10 +8,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
         integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.6/dist/chart.umd.js"
-        integrity="sha384-+6dh2CHKuNJGU8U8VwpCGO85vKlV6/wCfFb5BKFR9X6P5P6qf/QVBIVpyV8t7B6p" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.bundle.min.js"
-        type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.6/dist/chart.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@3.0.0/dist/chartjs-adapter-date-fns.bundle.min.js"></script>
 </head>
 
 <body>
@@ -176,12 +174,14 @@ <h2>Real-time Chart</h2>
 
             try {
                 const data = {
-                    labels: chartData.map(item => item.Timestamp),
                     datasets: [{
                         label: chartData[0]?.Function || 'Measurement',
                         backgroundColor: 'rgba(54, 162, 235, 0.2)',
                         borderColor: 'rgb(54, 162, 235)',
-                        data: chartData.map(item => item.Value),
+                        data: chartData.map(item => ({
+                            x: item.Timestamp,
+                            y: item.Value
+                        })),
                         fill: false,
                         tension: 0.1
                     }]
@@ -197,13 +197,22 @@ <h2>Real-time Chart</h2>
                             x: {
                                 type: 'time',
                                 time: {
+                                    unit: 'second',
                                     displayFormats: {
                                         second: 'HH:mm:ss'
                                     }
+                                },
+                                title: {
+                                    display: true,
+                                    text: 'Time'
                                 }
                             },
                             y: {
-                                beginAtZero: false
+                                beginAtZero: false,
+                                title: {
+                                    display: true,
+                                    text: 'Value'
+                                }
                             }
                         },
                         plugins: {
@@ -221,7 +230,6 @@ <h2>Real-time Chart</h2>
                     }
                 } else {
                     myChart.data = data;
-                    myChart.options = config.options;
                     myChart.update('none');
                 }
             } catch (error) {
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "owonb41t",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A web-bluetooth interface for the OWON B41T+ multimeter",
   "main": "owon.js",
   "scripts": {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "owonb41t",`
`3`		`- "version": "0.1.3",`
	`3`	`+ "version": "0.1.4",`
`4`	`4`	`"description": "A web-bluetooth interface for the OWON B41T+ multimeter",`
`5`	`5`	`"main": "owon.js",`
`6`	`6`	`"scripts": {`