Entwicklungen

Dies ist eine alte Version des Dokuments!

Darstellung der Sensordaten - als Kurven

Schon lange im Einsatz, aber noch nicht dokumentiert. Ich nutze Chart.js

Erst muss man es mal 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>