Variables Diagramm HTML(/PHP) und CSS?

Hallo zusammen,

wie kann ich so ein Diagramm in HTML und CSS herstellen, das sich variieren kann? Also, dass wenn in der Datenbank bei 'EINS' anstatt '50%' nur noch '30%' steht, beim neu laden der Seite ebenfalls 30% im Diagramm steht.

Bild zum Beitrag

Vielen Dank für hilfreiche Antworten.

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

09.03.2020, 14:15

https://www.gutefrage.net/frage/einfaches-liniendiagramm-auf-website-erstellen

Beim Laden der Seite werden die Daten (via PDO/MySQLi/...) aus der Datenbank gelesen und in welchem Format auch immer

in einem data-Attribut herausgerendert.
von einem AJAX-Request angefordert.

Eine JS-Bibliothek kann im Browser den Rest übernehmen.

germanils

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

09.03.2020, 14:20

Mit JavaScript kannst Du die Variablen übergeben.

In diesem ganz einfachen Fall könntest Du den Prozentwert als CSS-Attribut für die Höhe des Balkens übergeben.

Aber grundsätzlich nutzt man für solche Diagramme meist eine JavaScript-Bibliothek.

Woher ich das weiß:Berufserfahrung – Entwicklung von Apps und Websites

LeBonyt

09.03.2020, 15:03

Ich schließe mich den Kollegen an.

Wir benutzen hier im Hause für so einen Kram: http://www.jqplot.com/

http://www.jqplot.com/examples/barTest.php

Das wäre das Script was du recht schlank anpassen kannst.

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Ähnliche Beiträge

Html css und php zusammen?

Hi ich bin dabei eine Seite zu erstellen und habe grade das login und registrations design mit Css und Html fertig gestellt. Nun bräuchte ich noch eine art system dahinter. Ich habe geschaut und denke man nutzt Php für dieses System mit Datenbank etc. Nun meine Frage: Kann ich ein Php login system mit meiner html css login seite kombinieren? oder ist das nicht möglich? Sorry wenn die Frage dumm ist :/

...zum Beitrag

Wert aus datenbank auslesen und in php variable speichern?

...zum Beitrag

Bester Editor für HTML, CSS und PHP?

Hallo allerseits,

ich suche ein kostenfreien Editor, welcher mir bei der Programmierung von HTML, PHP oder auch CSS hilf. Welche davon benutzt ihr? Und könntet ihr mir vllt. auch den Link dafür mitschreiben?

Danke schonmal im Vorraus :)

...zum Beitrag

Wie mache ich meine Suchleiste funktionsfähig (Blog)?

Hallo!

Ich habe mit HTML, CSS, JS und PHP einen Blog "geschrieben/programmiert", in dem eine Suchleiste eingebaut ist. Was muss ich tun, um diese funktionsfähig zu machen? Die Suchfunktion sollte meine MySQL Datenbank durchsuchen und dann die gefundenen Beiträge auf einer Seite auflisten.

Bis jetzt sieht der Code erst so aus:

<div class="section search">
 <h2 class="section-title">Search</h2>
 <form action="index.html" method="post">
    <input type="text" name="search-term" class="text-input" placeholder="Search...">
 </form>
</div>

So sieht die Suchleiste auf der Website aus:

Es wäre super, wenn mir jemand mit dem gesamten PHP Skript helfen könnte...

Danke ;)

...zum Beitrag

PHP und HTML?

Wie kann ich eine PHP variable in einem normalen HTML Fließtext ausgeben? Z.B ich habe die PHP variable $jahr = date('Y'); und möchte das Datum zu dem Text "Heuer haben wir das Jahr + 'Jahreszahl' " wie mache ich das? Lg

...zum Beitrag

HTML/PHP/CSS Code funktioniert nicht?

Ich benutze den Code <div class="Box">BOX</div> in einer php Datei und den Code .Box {

background-color: black;

}

in einer css Datei aber bei mir steht dort am ende nur "BOX".

...zum Beitrag

PHP + SQL - PHP Registrierung?

Hi, suche einen Code, der in einer bestehenden Tabelle einer MySQL Datenbank Variablen einführt... Als Beispiel Nickname und Kennwort. Dazu halt ein HTML Formular...

...zum Beitrag

Unterschied: section - div? id - class? | Wie lerne ich am besten (HTML,CSS,PHP etc.)?

Hey,

wo liegt eigentlich der unterschied zwischen section - div ? und id - class? ich bitte um eine ausführliche Erklärung die jeder dummie wie ich versteht. Danke ! Desweitern benötige ich tipps, wie ich mir am besten HTML, CSS, PHP, Java usw beibringen kann, sprich am effizientesten ? Denn ich sitze seit über einem Monat vor dem PC und beherrsche lediglich zum Teil die Auszeichnungssprache HTML und die Gestaltungssprache CSS.

Für jede hilfreiche Antwort wäre ich sehr dankbar.

Gruß

...zum Beitrag

Welche IDE ist am besten geeignet um HTML, CSS, JavaScript und PHP Code zu schreiben und auch gleich zu testen?

...zum Beitrag

Html, css und php oder was anderes?

Ist php veraltet? Javascript fällt mir schwer. Geht da c# oder so? Für webseiten Entwicklung.

...zum Beitrag

Über PHP HTML Quellcode auslesen und in Variable speichern?

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zum Beitrag

PHP variable in Echtzeit anzeigen?

Hi. Ich hatte vor in einem PHP Projekt von mir eine Variable von einer Datenbank in Echtzeit anzeigen zu lassen. Gegebenenfalls kann man dafür auch JavaScript verwenden, allerdings soll eine PHP Variable in Echtzeit auf der Seite sein. Also sollte sich die Variable in der Datenbank ändern, so sollte auch ohne dass man die Seite aktualisiert der Aktuelle Wert der Variable erscheinen. Wie das ganze geht weiß ich aber leider nicht.

Ich hoffe jemand kann mir da bei meinem Problemchen helfen. Ich bin für jede Antwort dankbar. LG :)

...zum Beitrag

wie gibt man mit html einer php variable einen wert?

also wie gibt man einer php variable in einem html formular einen wert aus dem formular?

...zum Beitrag

MySQL Datenbank Spalte auslesen und in php variable speichern?

Es sollte auch gehen wenn ganz mehr als nur eine Information in einer Spalte ist

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen