installieren
Chart.js installieren
Erstmal amp installieren
sudo apt-get install npm
Von GitHub das zip runterladen und entdecken, dann
npm run build
Na toll „npm does not support Node.js v10.24.0“, und npm geht nur bis 9. Dann muss man erst noch rollup installieren
sudo apt-get install rollup
. Dann erst noch den rollup-plugin-analyzer
npm install --save-dev rollup-plugin-analyzer
, da die Fehlermeldung „[!] Error: Cannot find module 'rollup-plugin-analyzer'“ kam. Also noch mal
npm run build
Ok, jetzt nur noch das Beispiel zum laufen bekommen, das natürlich auch erst nicht ging. Mein Minimal-Beispiel ist:
<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>
Aufruf (nur intern) http://raspberrypi.fritz.box/cjstest.php
installieren.txt · Zuletzt geändert: 2021/12/05 14:16 von varnholt