Gut, das sieht nach od aus. Jetzt braucht es so viel davon dass ich die Zeilenenden vom Originaltext sehen kann.
Beiträge von Tell
-
-
Soll das jetzt die Ausgabe von od sein???
-
-
-
Mit der option "on_motion_detected echo %K %L >/home/pi/position.txt" in der motion.conf
Und warum nicht gleich on_motion_detected C-Programm %K %L ?? Das erspart den Umweg ueber das File.
-
Na dann wollen wir mal hoffen dass das Buch aktuell ist, sonst ist der Code nicht zu verstehen.
Steht was im Index zu den Themen "fetch" und "arrow function" ?
Hmm, die Formatierung hat boes gelitten beim Einfuegen, das hilft sicher auch nicht...
- config entspricht dem anonymen Objekt im Code, das kann man also entsprechend anpassen
- das URL muss natuerlich stimmen
- und diese beiden Zeilen sind abhaengig vom Aufbau des JSON-Objekts:
-
Ganz einfach:
- Stick einstecken
- Filemanager oeffnen
- Stick anklicken
-> fertig
ACHTUNG: manche Knoppix-Versionen schreiben nicht sauber auf den Stick!
Zur Sicherheit kopieren -> sync aufrufen -> Knoppix herunterfahren. So hat es bei mir immer gut geklappt.
Auf keinen Fall Stick ausziehen und wieder einstecken. Das gibt bei mir IMMER Aerger...
-
Da ist ein Beispiel fuer eine Schaltung. Der 560 Ohm Widerstand muss an die Eingangsspannung angepasst werden.
-
Alles anzeigenHTML
- <!doctype html>
- <html>
- <head>
- <title>Line Chart</title>
- <script src="js/Chart.min.js"></script>
- <script src="js/moment.min.js"></script>
- <style>
- canvas{
- -moz-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none;
- }
- </style>
- </head>
- <body>
- <div style="width:75%;">
- <canvas id="canvas"></canvas>
- </div>
- <br>
- <br>
- <script>
- var chart = null ;
- var config = {
- type: 'line',
- data: {
- labels: [],
- datasets: [{
- label: 'My First dataset',
- backgroundColor: "red",
- borderColor: "red",
- data: [],
- fill: false,
- }]
- },
- options: {
- responsive: true,
- title: {
- display: true,
- text: 'Chart.js Line Chart'
- },
- tooltips: {
- mode: 'index',
- intersect: false,
- },
- hover: {
- mode: 'nearest',
- intersect: true
- },
- scales: {
- xAxes: [{
- display: true,
- scaleLabel: {
- display: true,
- labelString: 'Month'
- }
- }],
- yAxes: [{
- display: true,
- scaleLabel: {
- display: true,
- labelString: 'Value'
- }
- }]
- }
- }
- };
- function update( json ) {
- fetch( "/cgi-bin/fake_data" )
- .then( response => response.json() )
- .then( json => {
- config.data.labels = json.labels ;
- config.data.datasets[0].data = json.data ;
- if( chart === null ) {
- var ctx = document.getElementById('canvas').getContext('2d');
- chart = new Chart(ctx, config);
- }
- else {
- chart.update() ;
- }
- } ) ;
- }
- window.onload = function() {
- update() ;
- setInterval( update, 2000 ) ;
- };
- </script>
- </body>
- </html>
-
Manchmal hilft es auch die Dok zu den verwendeten Libraries zu lesen: https://www.chartjs.org/docs/latest/developers/updates.html
Das ist natuerlich besser als die Brute-Force Methode oben.
-
Da der ganze Code nirgends zu finden ist, ist helfen nicht so einfach...
Trotzdem:
1) Den ganzen JavaScript-Code in eine Funktion packen, zum Beispiel update.
Dann folgenden Code unter update schreiben:
Uebrigens: huebsches まっくろくろすけ
-
> jetzt funktionier es nach Stunden Probieren!
Drei Zeilen aus dem File zu posten haette diese Stunden gespart!
CSV heisst naemlich COMMA SEPARATED VALUES.
-
-
Alles anzeigenCode
-
-
> Fehlgeschlagene HTTP Requests werden im Netzwerk-Tab angezeigt.
Bei Chrome auch in der Console. Und die Meldunge ist fuer einen Anfaenger wohl einfacher zu interpretieren als die Anzeige im Netzwerk-Tab.
Aber meinetwegen: im Netzwerk-Tab die roten Eintraege suchen (wenn nichts angezeigt wird: Seite neu laden)
-
Chrome oder Chromium starten und die Seite anzeigen.
Dann F12 druecken, das Console-Tab auswaehlen und die Meldung(en) studieren...
-
Wie waer's mit Punkten statt Doppelpunkten?
-
Localhost ist 127.0.0.1
-
