Diagramme mit JavaScript und Chart.JS einfach anlegen und anpassen! [TUTORIAL]

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ม.ค. 2025

ความคิดเห็น • 70

  • @Fabian-_-
    @Fabian-_- 7 ปีที่แล้ว +21

    Auch gerne mehr davon, und am besten wie man das mit MySQL verbindet (Ajax und so weiter)

  • @Fabian-_-
    @Fabian-_- 7 ปีที่แล้ว +1

    Das coolste ist immer: du machst fast immer genau die Videos mit Themen die mir gerade so die Arbeit erleichtern xD bin zB aktuell an ner Wetter Seite für jemand, und derjenige wäre voll happy wenn Charts dabei wären, somit 1A 👍

  • @excore4600
    @excore4600 7 ปีที่แล้ว

    xD gestern hab ich noch nach dem Thema gesucht und jetzt machst du ein Video. Cool

  • @Bigjuergo
    @Bigjuergo 4 ปีที่แล้ว +1

    gutes video, kannst du zeigen wie man einen slider macht so daß der graph die daten des sliders übernimmt?

  • @mariog.9464
    @mariog.9464 5 ปีที่แล้ว

    Klasse :-) Würde gerne mehr über chart.js erfahren

    • @UnleashedDesign
      @UnleashedDesign  5 ปีที่แล้ว +1

      wird in Zukunft definitiv kommen aber kp wann :D

  • @dermakku
    @dermakku 4 ปีที่แล้ว

    Genau was ich brauche, schaue ich mir später mal an :)

    • @UnleashedDesign
      @UnleashedDesign  4 ปีที่แล้ว

      Freut mich wenn dir das Video gefällt :)

  • @aykborstelmann8623
    @aykborstelmann8623 7 ปีที่แล้ว +2

    Gerne mehr davon

  • @ssami8324
    @ssami8324 6 ปีที่แล้ว

    Danke für dieses super geiles Video. Hab es nötig gehabt.

  • @firefighter8083
    @firefighter8083 7 ปีที่แล้ว +1

    Tolle Sache. Werde die gleich auf unserer Seite einbauen ;)

    • @UnleashedDesign
      @UnleashedDesign  7 ปีที่แล้ว +1

      Freut mich wenn es dir helfen konnte :)

  • @starten1776
    @starten1776 7 ปีที่แล้ว +1

    Warum sind manche Videos 16:9 und andere eher 16:10? Bei diesem Video sieht man zum Beispiel auf der Website das Menu an der Seite nicht ganz.

    • @UnleashedDesign
      @UnleashedDesign  7 ปีที่แล้ว +2

      Hier ist mir leider bei der Aufnahme ein Fehler unterlaufen :/ sollte eig nicht vorkommen jedoch hatte ich leider keine Zeit es neu aufzunehmen nur wegen dem Menü, was für das Video ja nicht relevant ist :P

  • @andreasrutz988
    @andreasrutz988 6 ปีที่แล้ว

    Geiles Video :D, würde mich freuen wenn du mal eins zu chart.js - custom tooltips machen könntest :D

  • @123twini123
    @123twini123 3 ปีที่แล้ว

    danke!

  • @hermannpreuner8004
    @hermannpreuner8004 3 ปีที่แล้ว

    Super Video!

  • @irchadagoro9106
    @irchadagoro9106 3 ปีที่แล้ว

    Das video hat mir voll gefallen.hätte nur eine Frage? wie kann ich anstatt DATENSATZ NUMMER 1/2 eine Gleichung das heit eine Folmel einsetzen und wenn ein Nutzer was eingibt,wird nach der fiormel oder gleichung das Diagramm erstellen.also genauso wie in excel.?

  • @jenshartmann6599
    @jenshartmann6599 3 ปีที่แล้ว

    Besteht auch die Möglichkeit mit Farbverläufen (Gradients) zu arbeiten?

    • @UnleashedDesign
      @UnleashedDesign  3 ปีที่แล้ว

      Ich glaube nicht so einfach wie die Farbe ändern aber weiß ich leider aus dem Kopf nicht direkt.

    • @jenshartmann6599
      @jenshartmann6599 3 ปีที่แล้ว

      @@UnleashedDesign ich probiere das hier mal, vielleicht klappt es: link.medium.com/L5fv1g9rkeb

  • @xvcats
    @xvcats 7 ปีที่แล้ว +1

    Super Video, bitte mehr davon! :D
    Fange gerade erst an mich mit Chartjs zu beschäftigen und suche nach einer einfachen Möglichkeit die Daten aus einer MySQL Tabelle zu visualisieren.
    Könnt Ihr dazu ein Video machen?

    • @UnleashedDesign
      @UnleashedDesign  7 ปีที่แล้ว

      das geht wir gesagt ganz einfach über einen Array du musst nur eine JSON oder ähnliches erstellen und kannst diese dann auslesen :)

    • @Pizzatogo007
      @Pizzatogo007 5 ปีที่แล้ว

      @@UnleashedDesign kann dazu noch ein Video kommen. Bzw. gibt es da inzwischen einens?

    • @severinbaumgartner5252
      @severinbaumgartner5252 3 ปีที่แล้ว

      @@Pizzatogo007 Hast du es inzwischen rausgefunden ? Ich stehe vor dem selben Problem ( Will die daten aus einenm JSON verwenden für das Diagramm verwenden)

    • @christopherwehrspohn5457
      @christopherwehrspohn5457 2 ปีที่แล้ว

      @@severinbaumgartner5252 ich würde auch gerne wissen wie das mit JSON geht, weißt du es mittlerweile?

  • @MikeLa..
    @MikeLa.. 5 ปีที่แล้ว +1

    wäre klasse wenn noch zeigst wie das mit Mysql als Quelle funktioniert.

  • @c.burhan55sw
    @c.burhan55sw 5 ปีที่แล้ว

    Danke für dieses Video bro einfach nur klar und strukturiert

    • @UnleashedDesign
      @UnleashedDesign  5 ปีที่แล้ว +1

      Freut mich wenn dir das Video gefällt :)

  • @roka2171
    @roka2171 6 ปีที่แล้ว

    Wie kann man die Sektionen mit Hintergrundbildern gestalten? LG

  • @vigilanteagle1980
    @vigilanteagle1980 2 ปีที่แล้ว

    Super Video, dafür vielen Dank.
    Ich bin blutiger Anfänger.
    Meine Frage wie kann ich eine button eingabe basteln die das data array von labels befüllt? Also sowas wie eine pusch/pop function.
    Danke und Abonniert.
    👍

    • @eliaspfeffer
      @eliaspfeffer 2 ปีที่แล้ว

      Siehe JButton Tutorials auf TH-cam und schau dir paar Pattern wie z.B Observer Pattern an.

  • @HolzBrot
    @HolzBrot 7 ปีที่แล้ว +1

    Gutes Video!

  • @xeffhd1472
    @xeffhd1472 7 ปีที่แล้ว +1

    Kommt leider 1 Woche zu spät dieses ist viel besser als das script das ich verwendet habe

  • @aytunc13
    @aytunc13 3 ปีที่แล้ว

    Vorerst gutes Video!! Leider habe ich aber das Problem, das der Chart bei mir nicht angezeigt wird in meinem Browser... kann mir da einer weiterhelfen? DANKE!! :D

  • @Phil-ph1zk
    @Phil-ph1zk 4 ปีที่แล้ว

    Wofür steht dieser link bei der index.html Datei und ist dieser ein Muss ?

  • @Foxie300
    @Foxie300 7 ปีที่แล้ว +2

    Nett zu wissen wäre, wie man Datensätze aus einer Datenbank als solches Diagramm ausgeben kann ;)

    • @xxXearoXxx
      @xxXearoXxx 7 ปีที่แล้ว +2

      Naja, machst einfach einen Ajax Get/Post Request. Das Javascript Zeug läuft ja nur im Browser, also muss du den Browser zwingen, sich die Daten aus der DB vom Server zu holen. Hinterlegst auf dem Server eine PHP Datei, welche auf Anfrage JSON an den Browser zurück schickt. Dies wertest du ganz einfach im Browser aus.
      Wie man das macht, hat der Chef hier beschrieben: th-cam.com/video/kvCMumYSqnA/w-d-xo.html

  • @rolfruisinger6809
    @rolfruisinger6809 7 ปีที่แล้ว

    Proportion (7:24)

  • @petersilie4927
    @petersilie4927 5 ปีที่แล้ว

    welchen editor / IDE sehen wir hier?

  • @constantin5690
    @constantin5690 6 ปีที่แล้ว

    Ist es möglich einen Punkt mit x- und y- Wert im Diagramm anzuzeigen? Wenn ja, wie kann ich das realisieren?

    • @UnleashedDesign
      @UnleashedDesign  6 ปีที่แล้ว

      Evtl. Wobei das Framework sehr eingeschränkt ist wenn du mehr eigenes machen willst empfehle ich D3js aber das ist deutlich komplexer

  • @georgzimmer7064
    @georgzimmer7064 5 ปีที่แล้ว

    Gutes Video :)
    Kannst du ein Video machen wo du zeigst, wie über einen Klick in die Chart die Chart anpassen kann? :)
    Also bspw : Wenn man auf einen Knotenpunkt im August klickt, nur der August als Radar Chart angezeigt wird?`

    • @UnleashedDesign
      @UnleashedDesign  5 ปีที่แล้ว

      Klar sowas wird in Zukunft noch kommen :)

  • @Alex-fj7mb
    @Alex-fj7mb 7 ปีที่แล้ว

    Hast du Tipps wie ich einen möglichst flexiben Blog coden kann? Am Besten ohne php, nur HTML,CSS,jQuery..

    • @UnleashedDesign
      @UnleashedDesign  7 ปีที่แล้ว +1

      hmmmm warum ohne PHP vor allem bei Projekten wie einem Blog ist PHP Gold wert.

  • @tims6896
    @tims6896 7 ปีที่แล้ว +1

    Mach bitte mal ein Video über Sweetalert und erklär was dieses promise ist

    • @UnleashedDesign
      @UnleashedDesign  7 ปีที่แล้ว

      Werde ich mir mal notieren sieht wirklich interessant aus :P

  • @73dines
    @73dines 4 ปีที่แล้ว

    Scheint einfacher und besser als D3 zu sein?

    • @UnleashedDesign
      @UnleashedDesign  4 ปีที่แล้ว

      Nein das kann man nicht sagen. Also ich nutze D3 beruflich sogut wie jeden zweiten Tag :D und D3 ist quasi gewaltig und ChartJS kann das was es kann aber Custom lösungen oder irgendwas eigenes damit umzusetzten was es nicht von haus aus kann geht garnicht. Im Vergleich dazu ist D3 ein Baukasten wo man jede Art von Diagram mit umsetzten kann, also dort gibt es keine Grenzen.

  • @connx1362
    @connx1362 5 ปีที่แล้ว

    Gutes Video. Wenn es die richtige Auflösung hätte, so daß man sehen kann, was du links machst, wäre es top

    • @UnleashedDesign
      @UnleashedDesign  5 ปีที่แล้ว

      Danke :) wie meinst die "richtige Auflösung"? Zu klein oder zu groß?

  • @leonheider2808
    @leonheider2808 7 ปีที่แล้ว

    Weis wer wie ich mein Chart live mit MySQL aktualisiere und php

    • @111marshel
      @111marshel 4 ปีที่แล้ว

      Ich würde die Daten per SQL in Variablen speichern, diese per

  • @jeyt436
    @jeyt436 3 ปีที่แล้ว

    Es gibt für alles Bibliotheken...

  • @rolandkloter8800
    @rolandkloter8800 4 ปีที่แล้ว

    kein lerneffect viel zu schnell ............oberlehrer mässig ...........tschau

    • @UnleashedDesign
      @UnleashedDesign  4 ปีที่แล้ว +1

      Geschwindigkeit ist leider ein sehr Subjektives Thema und manchen ist es zu schnell anderen zu langsam hier einen Mittelweg zu finden der allen passt ist leider nicht möglich. Wenn es dir nicht geholfen hat kann man da leider wenig machen trotzdem viel Erfolg weiterhin.