Beste einfachste Möglichkeit, um einen Chart auszuliefern



  • Moin, ich möchte gerne eine Website mit einem Line Chart, wie hier gezeigt https://www.chartjs.org/docs/latest/samples/line/line.html , anbieten.

    Die Daten im json Format, wie hier gezeigt https://www.chartjs.org/docs/latest/general/data-structures.html#object , sollen über die Zeit gesammelt werden.

    Welche Technologie setzte ich am besten für das Backend ein (Sammeln der Daten, Website ausliefern usw.)? Ich scheue mich etwas vor npm...



  • Ich kenne mich damit nicht aus, aber vielleicht führt "Grafana" + "JSON" zum Erfolg.
    Grafana hatte ich mal verwendet, um für eine "Wetterstation" time series data aus einer ich meine "InfluxDB" anzuzeigen (zuvor über MQTT eingeführt), und ich kann mich nur erinnern, es war ziemlich einfach das zum Laufen zu bekommen auf dem Raspi und die Optik war sehr cool.



  • brauchst kein npm. chartjs gibts als cdn variante, dann brauchst nur noch ne time series db (mongodb, influxdb, timescaledb), die du wie auch immer mit deinen daten fuettern kannst.

    danach musst du zwangsweise ne api haben, die die daten ans frontend gibt und gut ist.

    beispiel in container terms:

    api container (js, java, python, c, ruby, was auch immer)

    • get / pull chart data off db
    • post / insert new data into db

    mongodb container

    • holds data

    webserver (irgendwas einfaches, zB. caddy)

    • serves static html file with your chart js stuff inside
    • uses fetch to communicate with the api and ultimately hands off data to chartjs

    das ist alles nichts bahnbrechendes und sollte in nem guten nachmittag mit wenig kenntnissen zu meistern sein.



  • Danke an euch beiden und die sehr aufschlussreiche Aufdröselung der Architektur. 😊

    Ich nehme das vielleicht morgen mal in Angriff.

    Den Fetch-Schritt vom Frontend zum Backend/API verstehe ich noch nicht.


Log in to reply