Benutzer-Werkzeuge

Webseiten-Werkzeuge


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