Dynamischer XY-Graph auf Webseite einbinden

Re(2): Dynamischer XY-Graph auf Webseite einbinden

Steffen1994 — Tue, 20 Mar 2018 21:12:24 GMT

Vielen Dank!

Re: Dynamischer XY-Graph auf Webseite einbinden

Lazy Jones — Tue, 20 Mar 2018 16:00:51 GMT

Siehe auch: https://stackoverflow.com/questions/1312302/retrieve-data-from-mysql-by-php-to-create-flot-graph#1312446

(kann oben nicht mehr editieren - hartnäckiger Forum-Bug...)

Re: Dynamischer XY-Graph auf Webseite einbinden

Lazy Jones — Tue, 20 Mar 2018 15:58:31 GMT

Du ziehst die Daten beim Erzeugen des HTML aus der Datenbank, wandelst sie in JSON / eine JavaScript-Datenstruktur um und hängst dann ein kleines script an, das per D3.js oder darauf aufbauend Flot (http://www.flotcharts.org/flot/examples/ ) eine SVGGrafik generiert.

So macht es GH beim Preisverlauf z.B..

http://www.flotcharts.org/flot/examples/series-types/index.html

https://github.com/d3/d3/wiki/Gallery

https://bl.ocks.org/mbostock/3883245

In diesem Beispiel würdest du einfach das bestehende HTML als Basis nehmen und die Initialisierung von d1, d2 oder d3 aus den Daten von der Datenbank generieren:


var d1 = [];
		for (var i = 0; i < 14; i += 0.5) {
			d1.push([i, Math.sin(i)]);
		}

		var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

		// A null signifies separate line segments

		var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

		$.plot("#placeholder", [ d1, d2, d3 ]);

http://www.flotcharts.org/flot/examples/basic-usage/index.html

Re(2): Dynamischer XY-Graph auf Webseite einbinden

Steffen1994 — Mon, 19 Mar 2018 14:04:42 GMT

Ah, ein Google-Tool. Danke für den Hinweis.

Re: Dynamischer XY-Graph auf Webseite einbinden

zeddicus — Mon, 19 Mar 2018 09:03:10 GMT

https://developers.google.com/chart/

Dynamischer XY-Graph auf Webseite einbinden

Steffen1994 — Mon, 19 Mar 2018 08:24:37 GMT

Hallo liebe Freunde,

als stiller Leser hier, habe ich nach einiger Zeit auch mal eine Frage:
Ich versuche für ein Webseiten-Projekt in der Schule ein XY-Graph einzubinden, der seine
Daten in Echtzeit aus einer MySQL-Datenbank zieht. Das ganze soll auf PHP-Basis geschehen.

Hier mal ein Beispiel: https://www.dance-charts.de/songinfos/23750-der-kommissar-mousse-t-remix
Dort werden die Chart-Position grafisch aufbereitet und angezeigt. Meine Frage ist nun: Wie kann ich sowas möglichst einfach auch umsetzen?

Dank euch im voraus auf Lösungsvorschläge.
Steffen.