Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

--- homeautomationstatus-graphisch [2021/12/05 14:08] – varnholt
+++ homeautomationstatus-graphisch [2021/12/05 14:15] (aktuell) – varnholt
@@ Zeile 3: / Zeile 3: @@
 Schon lange im Einsatz, aber noch nicht dokumentiert. Ich nutze Chart.js
-Erst muss man es mal installieren. Erstmal amp installieren <code>sudo apt-get install npm</code> Von GitHub das zip runterladen und entdecken, dann <code>npm run build</code> Na toll "npm does not support Node.js v10.24.0", und npm geht nur bis 9. Dann muss man erst noch rollup installieren <code>sudo apt-get install rollup</code>. Dann erst noch den rollup-plugin-analyzer <code>npm install --save-dev rollup-plugin-analyzer</code>, da die Fehlermeldung "[!] Error: Cannot find module 'rollup-plugin-analyzer'" kam. Also noch mal <code>npm run build</code>
+Erst muss man es mal [[installieren|installieren]]. Nachdem das geklappt hat, ist es nicht mehr kompatibel mit meiner alten Version. Neu 12/2021 habe ich 3.6.1 installiert und meine alte Version ist 2.9.3 (11/2019).
-Ok, jetzt nur noch das Beispiel zum laufen bekommen, das natürlich auch erst nicht ging. Mein Minimal-Beispiel ist:
-<code>
-<html>
-<script src="Chart.js-master/dist/chart.js"></script>
-<canvas id="myChart"></canvas>
-<script>
-const ctx = document.getElementById('myChart');
-const myChart = new Chart(ctx, {
-    type: 'bar',
-    data: {
-        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
-        datasets: [{
-            label: '# of Votes',
-            data: [12, 19, 3, 5, 2, 3],
-            backgroundColor: [
-                'rgba(255, 99, 132, 0.2)',
-                'rgba(54, 162, 235, 0.2)',
-                'rgba(255, 206, 86, 0.2)',
-                'rgba(75, 192, 192, 0.2)',
-                'rgba(153, 102, 255, 0.2)',
-                'rgba(255, 159, 64, 0.2)'
-            ],
-            borderColor: [
-                'rgba(255, 99, 132, 1)',
-                'rgba(54, 162, 235, 1)',
-                'rgba(255, 206, 86, 1)',
-                'rgba(75, 192, 192, 1)',
-                'rgba(153, 102, 255, 1)',
-                'rgba(255, 159, 64, 1)'
-            ],
-            borderWidth: 1
-        }]
-    },
-    options: {
-        scales: {
-            y: {
-                beginAtZero: true
-            }
-        }
-    }
-});
-</script>
-</code>